文字超出显示省略号

单行显示代码如下

<p style="overflow: hidden;text-overflow: ellipsis;white-space: nowrap">单行省略单行省略单行省略单行省略单行省略单行省略单行省略...</p>

实现方法

overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;

多行显示代码如下

<p style="display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;">多行显示多行显示多行显示多行显示多行显示多行显示多行显示多行显示多行显示多行显示</p>

实现方法

display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;