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;

效果:

posted @ 2020-04-27 14:33  shih945  阅读(139)  评论(0编辑  收藏