text-align:justify 没有被应用答案

【问题标题】：text-align:justify is not getting appliedtext-align:justify 没有被应用
【发布时间】：2012-09-30 15:23:33
【问题描述】：

我在 .html 文件中添加了以下代码示例：

<div Class="Frame" Style="left:85.8pt; top:198.5pt; width:415.5pt; height:43pt; position:absolute; background-color:rgb(201,201,201); overflow:hidden; border:0px Solid rgb(0,0,0);">
<p Style="text-align:justify; text-align-last:justify; padding-top:0pt; padding-bottom:0pt;">
<span Style="height:14.4pt; width:415.5pt;" class="ln">
<span Style="font-size:12pt; font-family:F0; word-spacing:5.09135818481445em; letter-spacing:0em; color: rgb(0,0,0);">Sample Text Here</span>
</span>
</p>
</div>

但是 text-align:justify 没有得到应用。

【问题讨论】：

你想得到类似的东西：jsfiddle.net/dkG3Z 吗？
我正在正确应用“居中对齐”、“右对齐”和“左对齐”。但不仅仅是“证明”。在这里，如果我应用 text-align:justify;它没有给我合理的文字。相反，它是左对齐的。

标签： css text-align justify

【解决方案1】：

您应该在 span 元素上应用 text-align。

<span Style="font-size:12pt; font-family:F0; word-spacing:0.29135818481445em; letter-spacing:0em; color: rgb(0,0,0);text-align: justify;">text</span>

您可以在以下位置查看它： http://jsfiddle.net/dkG3Z/2/

【讨论】：

不，它没有给我预期的结果。您使用了字间距：0.29135818481445em，但我使用的是字间距：5.09135818481445em。有影响吗？如果我不想使用字间距怎么办。
word-spacing: 5.09135818481445em 表示单词之间的间距将被固定。为了便于阅读，我使用了较小的值。如果您的目标是获得可读的对齐文本，则不应在这种情况下使用字间距。检查：jsfiddle 是您要找的吗？
好的。它没有给我合理的输出。我想调整单词之间的空间来伪造它，就像应用 justify 一样，但是对于每行的每个单词都很难处理
我没有让文本对齐，所以我通过应用字间距来使它看起来像应用了对齐。但文字流出“框架”宽度
好吧，如果你想使用字间距解决方案，你应该把max-width:放在你的<p>上。这将起到限制文本的作用，使其不会超出帧宽度。

【解决方案2】：

这里有一些问题。第一段和跨度标签不会拉伸/跨越它们环绕内容的对象（页面或其他元素）。考虑这一点的最好方法是用收缩包装或塑料包裹一些东西。您需要将文本对齐应用到 div 元素并在那里添加您的内容。如果您使用的是 css3，则可以使用以下内容：

div
    {
        text-align:justify;
        text-justify:inter-word;
    }

<!--and then your html would be something like-->
<div>here is some text</div>

当您重新缩放浏览器窗口时，您会看到 justify 是如何工作的。第二个属性text-justify:inter-word 控制浏览器调整大小时文本在单词之间的缩放程度

【讨论】：