移动端样式集锦

标签：显示   tle   str   lamp   lin   情况   www   code   隐藏   

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

移动端样式集锦

标签：显示   tle   str   lamp   lin   情况   www   code   隐藏   

原文地址：http://www.cnblogs.com/lucy6689/p/7513879.html