1.单行文本溢出省略号
加入如下代码:
text-overflow: ellipsis;/*溢出显示省略号*/
overflow: hidden;/*溢出隐藏*/
white-space: nowrap;/*文本强制不换行*/
2.单行文本溢出省略号
加入如下代码:
text-overflow: ellipsis;/*溢出显示省略号*/
overflow: hidden;/*溢出隐藏*/
-webkit-line-clamp: 2;/*文本显示两行,这属性只适用于-webkit-内核浏览器*/
display: -webkit-box;/*设置伸缩盒子模型*/
-webkit-box-orient: vertical;/*设置文本垂直排列*/
效果图如下: