如何在html中的文本之间放置空格？

Question

你如何在html中的文本之间放置空格？例如，

<p>a b       c</p>

你在 b 和 c 之间放了什么空格？

Answer 1

尝试使用white-spacewith value pre。

pre保留空白序列。仅在源和<br>元素中的换行符处换行。

p {
  white-space: pre;
}

<p>a b       c</p>

如果您需要每个黑色空间恰好占据一个字符宽度，请使用等宽字体。

p {
  white-space: pre;
  font-family: monospace;
}

<p>a b       c</p>

Answer 2

你可以试着放在 它们之间。像这样：

<p>a b&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;c</p>