在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;

}


————————————————

版权声明:本文为 博主「公众号:前端进阶笔记」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。