2

次のコードを使用して、Web サイトに水平 (改行なし) の順序付けられていない画像のリストを作成しようとしています。

<ul class="ImageSet">
    <li>
        <img src="blah">
    </li>
    <li>
        <img src="blah">
    </li>
    <li>
        <img src="blah">
    </li>
</ul>

私の CSS では、次のルールを使用しています。

.ImageSet { white-space: nowrap; }
.ImageSet li { display: inline; float: left; height: 100% }

これはChromeでは正しく機能していますが、Firefoxでは機能していません.何らかの理由で誰かがその理由を知っていますか?

編集：明確にするために、FFの問題は、liがまだラップしていることです。私はそれらすべてを、ページの右端から外れる単一の途切れのない水平線に表示しようとしています。

4

2 に答える 2

6

必要に応じて削除float:leftしてみてくださいdisplay:inline

于 2011-02-23T23:07:14.667 に答える
0

li をフロートすると、親コンテナー (body タグの可能性があります) の最後に達したときにラップされます。画像を画面から消したい場合は、親コンテナー (ul) の幅を設定し、overflow hidden または auto を使用して目的の効果を得る必要があります。

于 2011-02-23T22:08:48.117 に答える