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

Question

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

 <p>a b       c</p>

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

原文由 weather api 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

尝试使用 white-space 和值 pre 。

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

 p {
  white-space: pre;
}

 <p>a b       c</p>

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

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

 <p>a b       c</p>

原文由 Stickers 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

您可以尝试将   放在它们之间。像这样：

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

原文由 Tân 发布，翻译遵循 CC BY-SA 3.0 许可协议