Question

我在.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没有得到应用。

Answer 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/

Answer 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>

当您重新调整浏览器窗口时，您将看到合理的工作方式。第二个属性text-justify:inter-word控制在调整浏览器大小时文本在文字之间缩放的程度

text-align：justify未应用

2 个答案: