html - 行尾一个字母单词(对齐)

Question

我想知道如果我在文本行的末尾有一个字母单词我能做什么，例如:

"Hello my name is John Smith, and I
am a freshman!"

如何将“I”移动到下一行，并对齐整行？因为当我把 <br>然后证明崩溃是合理的。

这是 jsfiddle http://jsfiddle.net/P3xYv/

Answer 1

如果您在两个单词之间使用 NO-BREAK SPACE U+00A0，而不是正常的空格(如空格或换行符)，浏览器会将这些单词放在一行上。示例:

"Hello my name is John Smith, and I am
a freshman!"

这里我使用了命名字符引用   , 但如果您知道如何在您的创作环境中键入它并且已正确声明字符编码，您也可以使用 NO-BREAK SPACE 本身。在大多数编辑程序中，NO-BREAK SPACE 看起来就像一个普通空格。

这与文本对齐无关。在过去，浏览器过去常常将 NO-BREAK SPACE 视为不可拉伸(stretch)的理由。但如今它在证明中被视为空格，即它获得了增加的间距的份额。

如果你想在单词之间有一个不间断的不可拉伸(stretch)的空间，你需要一个更复杂的方法。您将使用 U+2005 FOUR-PER-EM SPACE 或其他一些 fixed-width space然后将单词包装在一个元素中 line breaking is forbidden使用 HTML 或 CSS。例如，而不是 I am你会写 <nobr>I&#x2005;am</nobr>或者，更笨拙但符合“标准”，<span style="white-space: nowrap">I&#x2005;am</span> .但是，不能保证这在将来会起作用。规范中没有要求浏览器以这种方式支持固定宽度的字符(但这是一种简单自然的实现方式，也是当前的实现方式)。