word-spacing、word-break、letter-spacing和white-space

在css中，有几个相似的属性：word-spacing、word-break、letter-spacing和white-space。

 

▍word-spacing

增加或减少单词间的空白（即字间隔）。允许指定负长度值，这会让字之间挤得更紧。

示例：

p {
    word-spacing: 25px | -20px | normal | inherit;
}

 

▍word-break

规定自动换行的处理方法。通过使用 word-break 属性，可以让浏览器实现在任意位置的换行。

 

▍letter-spacing

增加或减少字符间的空白（字符间距）。该属性定义了在文本字符框之间插入多少空间。由于字符字形通常比其字符框要窄，指定长度值时，会调整字母之间通常的间隔。因此，normal 就相当于值为 0。允许使用负值，这会让字母之间挤得更紧。

示例：

h1 {
    letter-spacing: 2px | -3px | normal | inherit;
}

 

▍white-space

指定元素内的空白怎样处理。这个属性声明建立布局过程中如何处理元素中的空白符。

示例：

p {
    white-space: normal | pre || nowrap | pre-wrap | pre-line | inherit;
}