css超出多行隐藏记录

单行隐藏

overflow: hidden; /超出部分隐藏/

text-overflow:ellipsis; /* 超出部分显示省略号 */

white-space: nowrap;/*规定段落中的文本不进行换行 */

多行隐藏

overflow: hidden;

display: -webkit-box;//将元素设为盒子伸缩模型显示

-webkit-box-orient: vertical;//伸缩方向设为垂直方向

-webkit-line-clamp: 3;//超出3行隐藏，并显示省略号

注意多行隐藏中不可设置元素的高度

---