句子间距[关闭]

呈现句子之间应有的额外间距的最佳方式是什么（使用 [X]HTML+CSS）？

<p>Lorem ipsum.  Dolor sit amet.</p>
               ^^ wider than word spacing

由于 HTML 和 XML 都需要空格折叠，因此上述两个空格必须表现为单个空格。

有哪些选择？下面有一些明显的，还有哪些？ （CSS3 中有什么吗？）  这些（包括跨不同浏览器的）存在哪些缺点（如果有的话）？ （下面的不间断空格如何与换行交互？）

• ..ipsum.  Dolor..
• ..ipsum.  Dolor..
• ..ipsum.  Dolor..

网上有很多 FUD 声称这是为打字机发明的，但你可以在美国等文件中看到它。独立宣言。 （是的，我意识到你不应该遵循两百多年前的所有约定，DoI 只是一个方便的例子，表明它早于打字机和等宽字体。）额外的空间会分散注意力-更改背景颜色后，示例不能是其他颜色！

坦率地说，虽然我很欣赏关于是否应该使用额外间距的意见和讨论（这与编程无关），但这不是我要问的。假设这是一个要求，实现它的最佳方法是什么？

您可以使用white-space: pre-wrap保留空格序列，同时仍然换行文本：

<p style="white-space: pre-wrap;">Lorem ipsum.  Dolor sit amet.</p>

IE 8 模式下的 IE 直到 IE 8 才支持此功能，Firefox 3.0 之前也不支持此功能。

你也可以使用  or  对于空间一em or one en宽的。我不知道这些的支持有多广泛，但它们似乎可以在 Mac OS X 上的最新 WebKit 和 Firefox 上运行。

两个序列 字符将防止该空间出现换行；就是这样 意思是不间断空格。序列A sentence.  Another.导致 出现在第二行，稍微缩进文本，这可能是不可取的。序列A sentence.  Another.工作正常，换行并且不添加任何额外的缩进，但如果您在合理的文本中使用它，则使用 在该行的末尾，它将阻止该行正确对齐。 用于写某人名字的情况，例如Mr. Torvalds，或以 a 结尾的缩写.，其中印刷惯例表明您不应将其拆分成行，以避免人们感到困惑并认为句子已经结束。

因此，使用序列 是不可取的。由于这是一种风格效果，我建议使用white-space: pre-wrap，并接受这种风格在不支持它的平台上会不太理想。

edit: 正如评论中指出的，white-space: pre-wrap不适用于text-align: justify。不过，我已经测试过不同实体的采样器 using 浏览器截图（令人讨厌的广告，而且有点不稳定和缓慢，但就价格而言，这是一项非常有用的服务，而且是免费的）。看起来有各种各样的浏览器，在各种各样的平台上，支持  and  ，一些仍然不使用空格，因此渲染效果还不错，并且只有 Windows 2000 上的 IE 6 实际上将它们渲染为破碎的框。 BrowserShots 不允许我选择我想要的确切浏览器/操作系统组合，因此我无法在 XP 上选择 IE 6 来查看是否有任何不同。所以，只要你能忍受 Win2K（或许还有 XP）上的 IE 6 损坏，这就是一个合理的答案。

另一种可能的解决方案是找到（或创建）一种字体，该字体具有“.”字符组合的字距调整对，以使它们的字距调整得更宽。和@font-face目前所有主要浏览器都支持，包括 IE 回到 IE 5.5（尽管 IE 使用与其他浏览器不同的格式），使用您自己的字体实际上变得合理，如果不支持，则回退到用户默认字体不会破坏任何东西。

最后一种可能性可能是让 CSS 委员会添加一个样式功能，该功能允许您指定在句子末尾需要更宽的间距（这将由句点后跟一个空格来确定；首字母缩略词和缩写词需要一个 以避免获得更广阔的空间）。 CSS 委员会目前正在讨论添加更高级的排版支持，因此现在可能是开始讨论此类功能的好时机。