如何在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*/
}