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

ここにいくつかの問題があります。最初の段落タグとスパンタグは、コンテンツをラップするオブジェクト(ページまたはその他の要素)全体に拡大/拡大しません。これを考える最良の方法は、何かをシュリンクラップまたはプラスチックで包むようなものです。テキスト整列をdiv要素に適用し、そこにコンテンツを追加する必要があります。css3を使用している場合は、以下を使用できます。

div
    {
        text-align:justify;
        text-justify:inter-word;
    }
<!--and then your html would be something like-->
<div>here is some text</div>

ブラウザウィンドウを再スケーリングすると、ジャスティファイがどのように機能するかがわかります。2番目の属性text-justify:inter-wordは、ブラウザのサイズが変更されたときにテキストが単語間でどの程度拡大縮小されるかを制御します

于 2012-10-11T00:27:28.623 に答える
0

要素に text-align を適用する必要がありますspan

<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 に答える