如何处理HTML中的空格

Question

关于HTML,我最大的印刷挫折之一就是它破坏联合空白的方式.例如,如果我有:

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

在此期间之后的两个空格中的一个将被视为无关紧要的空白并被删除.我当然可以通过以下方式强制显示空白:

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

但它只是让我不得不这样做,我通常不打扰.有没有人会自动将重要的空白插入到用于网页的外部内容提交中？

Answer 1

如果你真的想保留你的空白区域,可以试试css属性:white-space:pre;

或者,您可以在标记中使用<pre>标记.

顺便说一句,HTML浏览器通常忽略空白区域是一件好事,它允许我们拥有格式清晰的源代码,而不会影响输出.

Answer 2

对于您的具体示例,无需担心.Web浏览器执行印刷渲染并在句点和后面的任何字符之间放置正确的空间量(根据字距调整规则,它根据下一个字符的不同而不同.)

如果你想要换行,那不是什么大不了的事,是吗？

不知道什么值得在这里使用downmod ...除非你使用等宽字体,否则你不应该在一段时间后强制使用两个空格.对于比例字体,重置器在一段时间后会保留适当的空间量.请参阅此处和此处以获取详细讨论.