[html] 如何让

测试 空格

这两个词之间的空格变大？

这边有这么两种方法：

    通过给p标签设置word-spacing，将这个属性设置成自己想要的值。
    将这个空格用一个span标签包裹起来，然后设置span标签的letter-spacing或者word-spacing。

我分别用letter-spacing和word-spacing来处理了p和span标签：

<style>
  .p-letter-spacing {
    letter-spacing: 10px;
  }
  .p-word-spacing {
    word-spacing: 10px;
  }
  .span-letter-spacing {
    letter-spacing: 10px;
  }
  .span-word-spacing {
    word-spacing: 10px;
  }
</style>
<body>
  <p>测试 空格</p>
  <p class="p-letter-spacing">测试 空格</p>
  <p class="p-word-spacing">测试 空格</p>
  <p>测试<span class="span-letter-spacing"> </span>空格</p>
  <p>测试<span class="span-word-spacing"> </span>空格</p>
</body>

个人简介

我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，
但坚持一定很酷。欢迎大家一起讨论

主目录

与歌谣一起通关前端面试题