javascript - HTML 中文本的对齐

Question

有没有办法强制使用 CSS 将文本对齐到一行？例如:

I want to justify this text
like                   this
ButIdon'tmindifitsquashesit

我不需要别人告诉我在网页中调整文本是个坏主意(我有一个手动行间距和断字算法来协助)，但我只是想知道是否有解决方案，CSS 或JavaScript，来处理这个。

---

抱歉，我的问题不是很清楚:每一行都在一个单独的 div 元素中，例如:

<div>I want to justify this text</div>
<div>like this</div>
<div>But I don't mind if it squashes it</div>

我知道 text-align: justify 但它并没有解决我的问题 — 它根据浏览器想要的方式进行对齐，而不是根据我拥有的每一行进行对齐。这可能会导致不适当的断行或右边缘不足。

Answer 1

您不能对齐单行文本。

但是，您可以组合一些可能对您有用的东西。

div{width:300px; 
    border:1px solid red;
    text-align:justify; text-justify: newspaper;
}

div:after{
    content: "               ";
    line-height: 0;
    visibility: hidden;
}

http://jsfiddle.net/jasongennaro/zX9x5/1/

只有当您同意在内容下方多留一个空行时，这才有效。

边框只是为了查看间距等

H/T @thirtydot对于这个想法:Justify the last line of a div?