在对齐的文本中设置换行符，并且仍然使其对齐

Question

我有一段文字是有道理的。在文本中的某个点，我需要下一行以某个单词开头，因此我需要中断文本，但是我仍然希望“断”行是合理的（延伸到该行的末尾），即使这意味着单词之间有很大的难看空间。

有什么办法可以做到这一点？

我正在使用CSS 2.0（无法访问3.0），并且只需要在Internet Explorer 7+中工作即可。

HTML：

<p>
  This is the paragraph that I want to justify.  I want a line
  break after the period, but I still want this line justified.<br />
  Is there any way to do that?
</p>

CSS：

p { text-align:justify; width:200px; }

JSFiddle：合理文本

Answer 1

带有的强制换行符<br>倾向于使该行在左对齐之前变得不合理。CSS规范中对此似乎没有任何具体说明，这只是浏览器的工作方式。但是如果通过强制将段落的其余部分保留在一行上而导致换行，则情况有所不同：

p { text-align:justify; width:200px; }

<p>
      This is the paragraph that I want to justify.  I want a line
      break after the period, but I still want this line justified.
      <span style="white-space: nowrap">Is there any way to do that?</span>
    </p>

但是，如果该段的其余部分不能放在一行上，则它将超出您设置的宽度。