Już zdefiniowany rozmiar LI, ale chcę mieć przestrzeń między LI, aby rozciągnąć pełną szerokość menu? - html, css, margin, padding

Chcę, aby moje LI automatycznie dostosowywały margines do lewej i prawej strony, aby pasowało do całego div menu.

(mały rysunek tego, co próbuję wyjaśnić) Jestem na ZA, chcę iść do 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

Chcę mieć margines między tymi LIrozciągnij do pełnego rozmiaru div poniżej. Zrozumiałem, że Firefox, Internet Explorer i Chrome odczytują marże w inny sposób. Na przykład. Jeśli zdefiniuję go z marginesem 10 pikseli na prawo i lewo, będzie pasował do Chrome, ale nie do Firefoksa.

Czy mimo to margines określa się przez szerokość UL?

Spytaj, czy nie wyraziłem się wystarczająco jasno. Dziękuję Ci!!

Odpowiedzi:

0 dla odpowiedzi № 1

Sprawdź to pytanie. Wygląda podobnie do tego, co chcesz osiągnąć. Rozciągnij poziomy ul, aby dopasować szerokość div

---

0 dla odpowiedzi nr 2

Jeśli masz ustawioną liczbę LI, możesz ustawić ich szerokość, obliczając:

100% / NumberOfLI = Width% .

Tak więc 5 <LI> będzie (100% / 5) = 20%

Oczywiście może to nie być idealna sytuacja, jeśli łączna liczba pikseli w Twoim komputerze <LI> są większe niż 100% <UL>

Edytować:

Przepraszam, zapomniałem wiedzieć, że <LI> powinien być płynący

<style>

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

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

</style>

Twój CSS będzie wyglądał tak prosto jak 5 <LI> wewnątrz nieuporządkowanej listy.

---