失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > css实现文字超出不换行 超出部分显示省略号

css实现文字超出不换行 超出部分显示省略号

时间:2019-08-20 14:10:16

相关推荐

css实现文字超出不换行 超出部分显示省略号

通过css设置文字强制不换行超出用省略号css样式代码如下:

想显示两行,超出用省略号表示,css样式代码如下:

-webkit-line-clamp: 用来限制在一个块元素显示的文本的行数。为了实现该效果,它需要组合其他的webkit属性。

display: -webkit-box; 必须结合的属性,将对象作为弹性伸缩盒子模型显示。

webkit-box-orient: 必须结合的属性,设置或检索伸缩盒对象的子元素的排列方式。

text-overflow:ellipsis;可以用来多行文本的情况下,用省略号“...”隐藏超出范围的文本。

如果觉得《css实现文字超出不换行 超出部分显示省略号》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。