html导航词间距代码,如何给HTML页面的文本设置字符和单词间距

设置字符和单词间距介绍

属性名

单位

描述

letter-spacing

px

设置字符间距

word-spacing

px

设置单词间距

letter-spacing设置字符间距

letter-spacing属性原理是：根据要设置的文本每个字符之间的间距。

让咱们进入letter-spacing属性的实践，实践内容如：将HTML页面中的p标签中的文本每个字符间距设置为50px。

代码块html

设置字符和单词距离

p{

letter-spacing: 50px;

}

成功不是战胜别人，而是改变本身。

结果图网站

word-spacing设置单词间距

word-spacing属性原理是：根据要设置的文本，以空格为核心设置间距，主要用于在英文的网站中，笔者使用中文是为了让读者更好的理解word-spacing属性的原理。

让咱们进入letter-spacing属性的实践，实践内容如：将HTML页面中的p标签中的每个以空格之间的间距设置为30px。ui

代码块spa

设置字符和单词距离

p{

word-spacing: 30px;

}

成功 不是 战胜 别人，而是改变本身。

结果图code