1

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

4

2 回答 2

0

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/

于 2012-10-10T08:36:17.653 回答
0

你有几个问题。第一段和跨度标签不会拉伸/跨越它们环绕内容的对象（页面或其他元素）。考虑这一点的最佳方法是用收缩包装或塑料包裹某物。您需要将文本对齐应用到 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控制浏览器调整大小时文本在单词之间的缩放程度

于 2012-10-11T00:27:28.623 回答