文字超出隐藏显示省略号、文字强制换行

单行

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;
// 允许长单词换行到下一行。它会把一个单词看成一个整体
// 如果该行末端宽度不够显示整个单词，会自动把整个单词放到下一行，不会截断单词。