5

私はこの投稿(CSSまたはjQueryで最初と最後のliのスタイルを設定する方法は?)を確認しましたが、それでも適切なIE8(およびIE8以前)のソリューションを探しています。

パディング権を持つように設定されたDIVの行がありますが、最後のDIVを適切に整列させるには、最後のDIVのパディングをゼロにする必要があります。以前に.css+.cssルートを使用しましたが、IE8およびそれ以前のバージョンでは機能しないようです。

どんな助けでもいただければ幸いです。

4

6 に答える 6

5

これらすべてをラップする包含divがあると仮定すると、これを実行できるはずです。

div.container {
    background-color: blue;
}
div.container .div-row {
    float: left;
    padding-right: 5px;
}
div.container .div-row:last-child {
    padding-right: 0px;
}
于 2012-04-25T14:08:27.557 に答える
3

最後のdivにクラスを指定して、IEでそのクラスと連携させることができます。

<div class="last"></div>

<style>
    .last
    {
        padding-right:0;
    }
</style>
于 2012-04-25T14:05:30.820 に答える
2

次のCSSのようなものを使用できます。

.rowofdivs div:last-child {
    padding-right: 0;
}
于 2012-04-25T14:06:39.947 に答える
1

他の回答で提案されているように「最後の」クラスを手動で追加できない場合は、JavaScriptを使用してこれを実行する必要があります。jQueryを使用している場合は、次のように実行できます。

 $('#parentdiv div:last-child').addClass('last');

次に、それに応じてスタイルシートを調整します。

 .last { padding-right: 0 }
于 2012-04-25T14:38:37.790 に答える
1

css疑似クラスを使用できます:last-of-type

于 2012-04-25T14:06:44.220 に答える
1

これはCSS3セレクターです。どのブラウザーで使用できるもののリストについては、クァークズモードを参照してください。

コードの最後のdivにclass="last"を追加してみませんか?

最後の子はIE8以下では使用できません

于 2012-04-25T14:07:11.233 に答える