CSS горизонтальное меню - равномерно распределенный?
Просто примечание стороны, когда Вы используете
All = Cash | Check | CreditCard
, Вы обладаете дополнительным преимуществом, которое Cash | Check | CreditCard оценило бы к All а не к другому значению (-1), который не равен всем в то время как содержащий все значения. Например, если Вы используете три флажка в UI
[] Cash
[] Check
[] CreditCard
и суммируете их значения, и пользователь выбирает их всех, Вы видели бы All в получающемся перечислении.
3 ответа
Вы не можете установить высоту или ширину встроенного элемента. http://www.w3.org/TR/CSS2/visudet.html#inline-width
Попробуйте display: inline-block;
вот исправление, например:
display:inline-block;
zoom:1;
*display:inline;
#menu ul li {
float: left;
clear: none;
display: inline;
padding: 10px;
height: 25px; //how tall you want them to be
width: 18%; //you will need to set the width so that all the li's can fit on the same line.
}
Ширина: 18% может быть примерно правильно, если у вас есть 5 элементов, с учетом границы и заполнения. Но это будет зависеть от того, сколько у вас элементов, сколько отступов и т. Д.
Если ваши пункты меню генерируются динамически (поэтому вы не знаете, сколько их будет раньше), вы можете добавить style = "width: xx" атрибут li s (или в