CSS3实现多行文本省略

浏览: 179 发布日期: 2017-12-27 分类: css

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 2;

-webkit-box-orient: vertical;

-webkit-line-clamp

限制在一个块元素显示的文本的行数

display: -webkit-box;

必须结合的属性 ,将对象作为弹性伸缩盒子模型显示

-webkit-box-orient

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

text-overflow

设置文本超出时的以'...'省略号代替

返回顶部