1

私は自分LIのを正当化/配布しようとしULていますが、IE7を除くすべてのブラウザでそれを行うことができました。IE7やその他のブラウザでこれを見てください-IE7でのみ拡散に失敗します（ナビゲーションULはHiya Hola Bonjour Ni Hao Yo！とCookie Cheese Mangoes Underwearです）。

私はIE7JSライブラリを使用しているので、の使用法は:after問題ではありません。の使用法もありませんinherit。

問題の詳細を示す画像（JSFiddleと以下のスクリーンショットでは単語が異なることに注意してください）：

ここに画像の説明を入力してください

私は何時間も頭を割っています。誰かが私を正しい方向に動かしてくれませんか？ありがとうございました！:)

PSまだきれいではありませんが、色はわかりやすくするためのものです。私の好みに疑問を持ってください:)

4

1 に答える 1

0

ええ、私は答えを見つけました。

（効果的に）display:inline-block, zoom:1, *display:inlineから削除し、を追加しました。私はs、etvoìlaに追加しました、それはすべてのブラウザでうまく機能しています。UL.justifydisplay:block-ms-text-justify:distribute-all-lines; text-justify:distribute-all-linestext-align: leftLI

IE7で使用したい場合は、 IE7JSライブラリ:afterをお勧めします。ただし、Javascriptに依存せずにこれを実行したい場合（私は一般的にその考え方に同意しますが、この場合はそうではありません）、を対象とした条件付きコメントを使用して表示できます。lt IE8<div class="justifyAfter"></div>

これが誰にとっても役立つことを願っています:)

コードは次のとおりです。

/* Navigation */
nav li {
    display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline;
    text-align: left;
}

.justify {
    text-align: justify; -ms-text-justify: distribute-all-lines; text-justify: distribute-all-lines;
}

.justify:after, . justifyAfter {
    content: "";
    display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline;
    width: 100%;
}
于 2012-08-26T10:07:45.100 に答える