私はこの投稿(CSSまたはjQueryで最初と最後のliのスタイルを設定する方法は?)を確認しましたが、それでも適切なIE8(およびIE8以前)のソリューションを探しています。
パディング権を持つように設定されたDIVの行がありますが、最後のDIVを適切に整列させるには、最後のDIVのパディングをゼロにする必要があります。以前に.css+.cssルートを使用しましたが、IE8およびそれ以前のバージョンでは機能しないようです。
どんな助けでもいただければ幸いです。
私はこの投稿(CSSまたはjQueryで最初と最後のliのスタイルを設定する方法は?)を確認しましたが、それでも適切なIE8(およびIE8以前)のソリューションを探しています。
パディング権を持つように設定されたDIVの行がありますが、最後のDIVを適切に整列させるには、最後のDIVのパディングをゼロにする必要があります。以前に.css+.cssルートを使用しましたが、IE8およびそれ以前のバージョンでは機能しないようです。
どんな助けでもいただければ幸いです。
これらすべてをラップする包含divがあると仮定すると、これを実行できるはずです。
div.container {
background-color: blue;
}
div.container .div-row {
float: left;
padding-right: 5px;
}
div.container .div-row:last-child {
padding-right: 0px;
}
最後のdivにクラスを指定して、IEでそのクラスと連携させることができます。
<div class="last"></div>
<style>
.last
{
padding-right:0;
}
</style>
次のCSSのようなものを使用できます。
.rowofdivs div:last-child {
padding-right: 0;
}
他の回答で提案されているように「最後の」クラスを手動で追加できない場合は、JavaScriptを使用してこれを実行する必要があります。jQueryを使用している場合は、次のように実行できます。
$('#parentdiv div:last-child').addClass('last');
次に、それに応じてスタイルシートを調整します。
.last { padding-right: 0 }
css疑似クラスを使用できます:last-of-type
これはCSS3セレクターです。どのブラウザーで使用できるもののリストについては、クァークズモードを参照してください。
コードの最後のdivにclass="last"を追加してみませんか?
最後の子はIE8以下では使用できません