2021-08-13

Web前端超出文本省略号

1、单行文本省略号

width:100px;   				//宽度根据实际情况而定
overflow:hidden;			//超出部分隐藏
white-space:nowrap;         //禁止换行
text-overflow:ellipsis;    // 省略号

2、多行文本省略号

width:100px;
height:30px;               //宽度高度自定
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;        //允许显示几行
text-overflow:ellipsis;
overflow:hidden;