CSS 强制换行和禁止换行,超出后显示省略号...
强制换行
word-break: break-all; 只对英文起作用,以字母作为换行依据。
word-wrap: break-word; 只对英文起作用,以单词作为换行依据。
white-space: pre-wrap; 只对中文起作用,强制换行。
禁止换行
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
显示三行后显示省略号
.esptext{
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
cursor:pointer;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}