-
使文字不换行
white-space:nowrap;值 描述 normal默认。空白会被浏览器忽略。 pre空白会被浏览器保留。其行为方式类似 HTML 中的 <pre>标签。nowrap文本不会换行，文本会在在同一行上继续，直到遇到 标签为止。 pre-wrap保留空白符序列，但是正常地进行换行。 pre-line合并空白符序列，但是保留换行符。 inherit规定应该从父元素继承 white-space属性的值。 -
允许长单词换行
word-wrap:break-word;值 描述 normal只在允许的断字点换行（浏览器保持默认处理）。 break-word在长单词或 URL 地址内部进行换行。 -
换行不截断单词
word-break:break-all;值 描述 normal使用浏览器默认的换行规则。 break-all允许在单词内换行。 keep-all只能在半角空格或连字符处换行。 -
单行文字超出显示省略号
overflow: hidden;text-overflow: ellipsis;white-space: nowrap; -
多行文字超出显示省略号
overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;
