如何在html中创建多个空格？

Question

如何在div中的单词之间插入多个空格但仍然使其自动换行？

Answer 1

您可以使用CSS属性white-space: pre-wrap;向浏览器指示元素的内容是预先格式化的（因此应该考虑重要的空格而不是删除它）并且仍然换行。

div {
    font-size: 26px;
    white-space: pre-wrap;
}

<div>This          is                   text                with                       spaces             that                wraps.</div>

Answer 2

如果您需要<div>中的所有字词，或者是否有充分的理由在您需要的地方放置<span>或其他内容，您也可以尝试css属性word-spacing。

selector { 
    word-spacing: /*some length depending on your font*/
}