Вече дефинирани LI размер, но аз искам пространството между LI's да се простира пълната ширина размер на менюто? - html, css, марж, подложка

Искам моята LI да нагласи автоматично полето наляво и надясно, така че да пасва на цялото меню div.

(малко рисуване на това, което се опитвам да обясня) Аз съм в А, искам да отида на B. http://madsthines.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

Искам маржът между тези ЛИ да бъдеРазгънете до пълния размер на div под тях. Разбрах, че Firefox, Internet Explorer и Chrome четат различно разликата. Например Ако аз го определя с 10px марж в дясно и ляво ще се побере в Chrome, но не и в Firefox.

Има ли така или иначе да се остави маржа се определя от ширината на UL?

Питайте, ако аз не съм направил достатъчно ясно. Благодаря ти!!

Отговори:

0 за отговор № 1

Разгледайте този въпрос. Прилича на това, което търсите. Разтегнете хоризонталния ул., За да пасне на ширината на div

---

0 за отговор № 2

Ако имате зададен брой LI, можете да зададете тяхната ширина чрез изчисляване:

100% / NumberOfLI = Width% .

Така че 5 <LI> ще бъде (100% / 5) = 20%

Разбира се, това може да не е идеална ситуация, ако общите ви пиксели <LI> са по - големи от 100% от. \ t <UL>

Редактиране:

Съжалявам, че забравих да знам, че <LI> трябва да се плава

<style>

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

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

</style>

Вашият CSS ще изглежда нещо като основно за 5 <LI> вътре в нерегламентиран списък.

---