29

ぶら下げインデントを制御しようとしている順序付けられていないリストがあります。2 行にまたがる項目では、2 行目のテキストを前のテキスト行のすぐ下 (箇条書きの下ではなく) に揃えたいと思います。これを Chrome で思い通りに動作させることができました。ただし、Firefox と Internet Explorer では少し異なります。

これが私が現在持っているものです：

<ul style="list-style: disc inside none; margin-left: 0; padding-left: 1em; text-indent: -1em;">
<li>50 – 180</li>
<li>950 – 2150</li>
<li>Dual IF: 70/140, L-Band & L-Band monitor (standard)</li>
</ul>

このレンダリングをすべてのブラウザで同じにする方法はありますか?

4

3 に答える 3

39

を削除しtext-indent、 に変更list-styleして、要素outsideに a を適用padding-leftします。li

ul {
    list-style: disc outside none; 
    margin-left: 0; 
    padding-left: 1em;
}
li {
    padding-left: 1em;
}
于 2013-07-09T19:55:54.923 に答える
0

最初に CSS リセットを使用してから、それに応じて CSS を調整してください。

于 2013-07-09T19:27:54.640 に答える