多行文与一行文本溢出省略号显示
1.多行文本溢出省略号显示
-webkit-line-clamp: 2; //2行后省略号显示
-webkit-box-orient: vertical; //子元素应该被水平或垂直排列
display: -webkit-box;
overflow: hidden;
2.一行文本溢出省略号显示
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
实现效果如下图:
-webkit-line-clamp: 2; //2行后省略号显示
-webkit-box-orient: vertical; //子元素应该被水平或垂直排列
display: -webkit-box;
overflow: hidden;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
实现效果如下图: