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

你不能justify单行文字。

但是，你可以将可能适合你的东西混在一起。

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

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

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

只有在内容下方有一个额外的空白行时，这才有效。

例如，

边框可以看到间距等

H / T到@thirtydot的想法：Justify the last line of a div?

Answer 2

您可以尝试

text-align: justify;

你的CSS中的

： - ）

HTML中文本的对齐

2 个答案: