用CSS样式截取字符串,多的用省略号表示

龚宗国 2019-12-21 19:40:00

推荐回答

单行文本实现方法:实现效果:多行文本溢出显示省略号实现方法:实现效果:适用范围:因使用了WebKit的CSS扩展属性,该方法适用于WebKit浏览器及移动端;扩展资料:-webkit-line-clamp用来限制在一个块元素显示的文本的行数。为了实现该效果,它需要组合其他的WebKit属性。常见结合属性:display:-webkit-box;必须结合的属性,将对象作为弹性伸缩盒子模型显示。webkit-box-orient必须结合的属性,设置或检索伸缩盒对象的子元素的排列方式。text-overflow。
车建修2019-12-21 20:05:17

提示您:回答为网友贡献,仅供参考。

其他回答

  • div{  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;  color: #333;}span{  line-height: 30px;  color: #666;}显示省略号,但是省略号颜色不同就能单独设置父子二者颜色。
    齐文艺2019-12-21 20:19:18
  • ,看了你的问题,单纯用css现在貌似解决不了,css只能实现溢出隐藏,用...来表示。你需要隐藏中间部分内容,需要用到js啊。可以用js先算出字符串的长度,然后截取收尾两段显示,中间加...即可。
    赵颜颜2019-12-21 19:55:35

相关问答