HTML | DOM 样式 wordSpacing 属性(1)

📌 相关文章

📜 HTML | DOM 样式 wordSpacing 属性(1)

📅 最后修改于: 2023-12-03 15:31:13.662000 🧑 作者: Mango

HTML | DOM 样式 wordSpacing 属性

word-spacing 属性用于设置在单词之间添加的空格大小。

语法

word-spacing: normal|length|initial|inherit;

值

normal：默认值。单词间距由浏览器设置。
length：设置单词间距的长度值。例如：10px。
initial：设置为默认值。
inherit：从父元素继承 word-spacing 属性的值。

实例

<!DOCTYPE html>
<html>
<head>
	<title>word-spacing 实例</title>
	<style type="text/css">
	p {
		word-spacing: 10px;
	}
	</style>
</head>
<body>
	<p>Hello World！</p>
</body>
</html>

效果

该例子设置了在单词间添加10像素的空间，所以 "Hello" 和 "World" 之间有10个像素的空间。

浏览器支持

word-spacing 属性在所有主流浏览器上都支持。

注意： 该属性虽然在排版中非常实用，但是在阅读长文本时会降低阅读体验。因此，在实际开发中要根据具体情况谨慎使用。