你如何处理 HTML 中的空白

我对 HTML 的最大排版挫折之一是它破坏了连体空格的方式。例如，如果我有：

<span>Following punctuation rules.  With two spaces after the period.  </span>

句点后面的两个空格之一将被视为无关紧要的空格并被删除。我当然可以通过以下方式强制空格很重要：

<span>Following punctuation rules.&nbsp; With two spaces after the period.  </span>

但是不得不这样做让我很烦，而且我通常不会打扰。有没有人会自动在用于网页的外部内容提交中插入重要的空白？

默认排序时间排序

6 个回答

Aidan Ryan 2019-03-01 22:44

对于您的具体示例，无需担心。网络浏览器执行排版渲染，并在句点和后面的任何字符之间放置正确的空格量（根据字距调整规则，它取决于下一个字符。）

如果你想换行，

James Marshall 2019-03-16 16:59

它可能不是很优雅，但我将 CSS 应用于

Kevin 2019-03-25 02:16

您可以使用样式化的预块来保留空白。大多数 WYSIWYG 编辑器还插入

Roy Rico 2019-04-08 22:05

PRE 标签可能是一个有效的解决方案，具体取决于您的需要。但是，如果您尝试在整个网站的句子中使用 2 个空格规则，您很快就会发现 PRE 标记保留的其他字符是换行符/回车（或缺少）会破坏您尝试的任何样式去做。

一般来说，我倾向于忽略“句子后有 2 个空格”的规则，或者如果你是一个坚持者，我会坚持

mercutio 2019-04-09 03:24

如果您真的希望保留空白，请尝试使用 css 属性：white-space: pre;

或者，你可以只使用一个

Nicolas 2019-04-12 19:34

你最好使用 white-space: pre-wrap 而不是 white-space: pre 或