1

JSONクエリからのサムネイルで満たされたfluid-widthdivがあり、これらのサムネイルをdivの幅全体に均等に分散しようとしています。これらのサムネイルは、囲んでいるdivの幅が変更された場合にラップとリフローを許可する必要があり、x次元とy次元、およびロードされるサムネイルの数が異なる場合があります。

http://jsfiddle.net/skywalkar/gUcvq/のように、静的HTML要素を使用text-align: justify;して必要なことを正確に実行します。display: inline-block

ただし、JavaScriptを介してフェッチされたコンテンツで同じことを行うと、単純な左寄せの配置に戻ります（たとえレンダリングされたとしても、ChromeとFirefoxは左寄せとしてレンダリングしますが、IEはサムネイルの表示をあきらめているようです完全に！）：http：
//jsfiddle.net/skywalkar/KdLyx/

それで、私の質問はこれです：
JavaScriptでロードされたサムネイルをHTMLバージョンのように水平方向に揃えるにはどうすればよいですか？

4

1 に答える 1

2

ここに2つの問題があります。まず、スパンがdivの外側にあります（正直なところ、スパンは必要ありません:after。疑似要素を使用するだけです）。

第二に、正当化は空白に依存しています。スペース/改行などを含めずに画像を挿入しています。それが彼らが正当化しない理由です。

http://jsfiddle.net/KdLyx/7/

于 2013-03-06T21:17:25.423 に答える