如果只显示一行,则可以使用以下方法:
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
如果需要显示多行,在需要设置的元素style中添加以下代码:
word-break: break-all;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
只显示两行:
overflow: hidden; //超出隐藏
text-overflow: ellipsis; //超出使用省略号
display: -webkit-box;
-webkit-line-clamp: 2; //第几行
-webkit-box-orient: vertical;
width: 192px; //根据需要自定义设置
height: 60px; //根据文字高度自定义设置为两行行高
(注意:有时添加在嵌入样式中不生效,需要添加在行内样式中)