你如何处理 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

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

如果你想换行,

请先 登录 后评论
James Marshall

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

请先 登录 后评论
Kevin

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

请先 登录 后评论
Roy Rico

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

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

请先 登录 后评论
mercutio

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

或者,你可以只使用一个

请先 登录 后评论
Nicolas

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

请先 登录 后评论