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

Question

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

<p>a b       c</p>

你在 b 和 c 之间放置什么？

Answer 1

尝试使用 white-space 具有值(value) pre .

pre Sequences of whitespace are preserved. Lines are only broken at newline characters in the source and at <br> elements.

p {
  white-space: pre;
}

<p>a b       c</p>

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

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

<p>a b       c</p>