文本内容长度过长显示为省略号
Css3中新增的一个属性 text-overflow
语法:text-overflow: clip|ellipsis|string;
属性值详解:
单行文本显示。。。时:
使用text-overflow:ellipsis时,
需要跟 overflow: hidden;
white-space: nowrap;一起使用
多行文本显示。。。时
需结合display: -webkit-box;
-webkit-line-clamp: 2;//第几行裁剪为省略号
-webkit-box-orient: vertical;