1、使文字不换行 white-space: nowrap; 值 描述 normal 默认。空白会被浏览器忽略。 pre 空白会被浏览器保留。其行为方式类似 HTML 中的 pre 标签。 nowrap 文本不会换行,文本会在在同一行上继
1、使文字不换行
white-space: nowrap;
2、允许长单词换行
word-wrap:break-word;
3、换行不截断单词
word-break:break-all;
4、单行文字超出显示省略号
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
5、多行文字超出显示省略号
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;