如何在 html 中使多个空格可换行？

Question

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

Answer 1

如果 <div> 中的所有单词都需要它，或者如果有充分的理由在单词周围放置 <span> 或其他您确实需要它的单词，您也可以尝试css 属性 word-spacing.

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

Answer 2

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

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

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