移动端样式集锦

Posted 2020-10-06

1. 指定几行

overflow: hidden;  
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;

 

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

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

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

css3样式文档

 http://www.w3school.com.cn/cssref/index.asp#table