语法如下:
word-spacing: normal | <length> | <percentage> | inherit;
常见的取值包括:
- normal:默认值,使用浏览器默认的单词间距。
- <length>:使用具体的长度值(如像素、em 等)来设置单词间距。
- <percentage>:相对于父元素字体大小的百分比值。
- inherit:继承父元素的 word-spacing 值。
下面是一个简单的例子,演示了如何使用 word-spacing:
.normal {
word-spacing: normal; /* 使用默认的单词间距 */
}
.custom-spacing {
word-spacing: 5px; /* 设置具体的像素值作为单词间距 */
}
.percentage-spacing {
word-spacing: 20%; /* 设置相对于父元素字体大小的百分比值 */
}
在这个例子中,.normal 类的元素使用了默认的单词间距,.custom-spacing 类的元素设置了 5px 的单词间距,.percentage-spacing 类的元素设置了相对于父元素字体大小的 20% 的单词间距。
转载请注明出处:http://www.zyzy.cn/article/detail/4265/CSS