-1

メニュー div 全体に収まるように、LI でマージンを左右に自動調整するようにしたいと考えています。

(私が説明しようとしているものの小さな図) 私はAにいます、私はBに行きたいです。 http://madstines.dk/files/aid.jpg


<ul>
    <li>ListOne</li>
    <li>ListTwo</li>
    <li>ListThree</li>
    <li>ListFour</li>
    <li>ListFive</li>
</ul>

Padding: 5px; 
width and height are defined by the font size

これらの LI 間のマージンを、その下の div のフル サイズに拡張したいと考えています。Firefox、Internet Explorer、および Chrome では、マージンの読み取り方が異なることに気付きました。たとえば、左右に 10px の余白で定義すると、Chrome には収まりますが、Firefox には収まりません。

ULの幅によってマージンを定義する方法はありますか?

私が自分自身を十分に明確にしていないかどうか尋ねてください。ありがとうございました!!

4

2 に答える 2

0

この質問をチェックしてください。それはあなたが達成しようとしていることに似ています。 水平方向の ul を div の幅に合わせて引き伸ばす

于 2013-01-05T17:41:58.207 に答える
0

LI の数が決まっている場合は、次のように計算して幅を設定できます。

100% / NumberOfLI = Width%.

したがって、5<LI>は (100% / 5) = 20% になります。

もちろん、これは理想的な状況ではない可能性があります<LI><UL>

編集:

申し訳ありませんが、<LI>フロートする必要があることを忘れていました

<style>

UL{
   position:relative;
   width:100%;
}

UL LI{
   display: inline;
   width: 20%;
   position:relative;
   float:left;
}

</style>

CSS は<LI>、順序付けられていないリスト内の 5 の場合、このような基本的なものになります。

于 2013-01-05T17:38:38.357 に答える