CSS文本超出自动隐藏显示省略号
代码:
单行文本
width:50px;/*div的宽度必须是固定的*/
overflow:hidden;
text-overflow:ellipsis;
white-space: nowrap;/*文本不进行换行,默认下宽度不够就会换行*/
多行文本
display:-webkit-box;
-webkit-line-clamp:3; /*数字为指定行数 3代表最多3行*/
-webkit-box-orient:vertical;
overflow:hidden;
效果: