HTML页面中如何用css设置单词间距，方法是什么-群英

上一篇：CSS中相邻兄弟选择器什么情况用，写法是什么下一篇：CSS权重是怎样表示的，计算规则是什么

这篇文章主要介绍“HTML页面中如何用css设置单词间距，方法是什么”的相关知识，下面会通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“HTML页面中如何用css设置单词间距，方法是什么”文章能帮助大家解决问题。

1、word-spacing属性用于设置HTML页面中标签或单词之间的距离。该属性对英语有效，但对中文无效。

2、word-spacing属性值有三种类型，Normal、长度值和百分比。

如下所示：

Normal：该值根据当前字体的正常间距确定。

长度值：指定单词之间的间距，而不是默认间距。

百分比：指定单词之间的间距，以取代默认间距的百分比。

实例

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <style>
    body {
      margin: 100px;
    }
    p {
      font-size: 16px;
      letter-spacing: 0px;
      word-spacing: 5px;
      line-height: 30px;
    }
  </style>
</head>
<body>
  <div>
    <p>hello hello hello hello</p>
    <p>测试代码 位置测试 代码位置</p>
    <p>测试代码位置测试代码位置</p>
  </div>
</body>
</html>

“HTML页面中如何用css设置单词间距，方法是什么”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业技术相关的知识可以关注群英网络网站，小编每天都会为大家更新不同的知识。