单行
overflow: hidden; // 超出隐藏
text-overflow: ellipsis; // 超出部分展示省略号
white-space: nowrap; // 不换行
多行
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2; // 你想显示几行就定义几
-webkit-box-orient: vertical;
强制换行
word-break: break-all;
// 允许在单词内换行。给定div宽,字符超过指定宽度就会自动换行。
// 如果该行末端有个英文单词很长,它会把单词截断。
word-wrap: break-word;
// 允许长单词换行到下一行。它会把一个单词看成一个整体
// 如果该行末端宽度不够显示整个单词,会自动把整个单词放到下一行,不会截断单词。