1. CSS 基础

  2. 取值单位

  3. 外观样式

  4. 布局样式

  5. 动画样式

  6. 工具与规范

  7. 实例练习

white-space

white-space 指定了如何处理元素内容中的空白符(空格、制表符)和换行,有以下取值:

  • normal:连续的空白符会被合并,换行符会被当作空白符来处理。在空间不足时会出现换行。
  • nowrap:连续的空白符会被合并,换行符会被当作空白符来处理。在空间不足时也不会换行。
  • pre:连续的空白符和换行都会保留,空间不足时不会换行。
  • pre-wrap:连续的空白符和换行都会保留,空间不足时会换行。
  • pre-line:连续的空白符会合并,换行会保留,空间不足时会换行。
属性值 换行符 空格和制表符 空间不足换行
normal 合并 合并 换行
nowrap 合并 合并 不换行
pre 保留 保留 不换行
pre-wrap 保留 保留 换行
pre-line 保留 合并 换行

word-break

word-break 设定了在单词内断行的行为,有以下取值:

  • normal:默认值, CJK(中文/日文/韩文)在任意字符间断行,对于单词数字不断行, 在空格断行。
  • break-all:任意字符间都可断行。
  • keep-all:任意字符间都不能断行。

overflow-wrap

overflow-wrap 表明了当一个不能分开的字符串(长单词或数字)会溢出时,是否允许其断行,有以下取值:

  • normal:不允许断行。
  • break-word:允许长字符串断行。