文本换行、超长文本省略相关的属性

• word-wrap：是否对超出容器的长单词进行换行。

  • normal：只在允许的断字点换行。
  • break-word：在长单词或URL地址内部进行换行。

• word-break：定义如何换行。

  • normal：使用浏览器默认的换行规则。
  • break-all：允许在单词内换行。
  • keep-all：只能在半角空格或连字符处换行。

  word-wrap和word-break的区别见这里。

• white-space：如何处理文本中的空格。

  • normal：空白会被浏览器忽略。
  • pre：空白被浏览器保留。其行为方式类似HTML中的<pre>标签。
  • nowrap：文本不会换行，会在同一行上继续，直到遇到<br>标签为止。

• text-overflow：超出文本该如何处理。

  • clip：修剪文本。
  • ellipsis：显示省略符号来代表被修剪的文本。
  • string：使用给定的字符串来代表被修剪的文本。