Горизонтальное меню <ul>: как зафиксировать ширину элементов списка
У меня есть горизонталь <ul> меню. Как я могу зафиксировать ширину <li> элементы на уровне, скажем, 250 пкс каждый?
3 ответа
Стилизация тега A может помочь сохранить согласованность и дать вам немного больше гибкости, чем стилизация тега LI, особенно если вы в конечном итоге создаете элементы многострочного меню. .
ul li {
float:left;
}
ul li a {
display:block;
width:250px;
}
Вы также должны использовать сброс CSS , чтобы поддерживать согласованность между браузерами.
Вы можете сделать это через CSS:
ul > li { width: 250px; }
В зависимости от того, что вы делаете в горизонтальном меню, вам также может понадобиться стиль display: block; .
То, что Ник и Диодеус говорят, правильно, но если вы не хотите, чтобы все элементы вашего списка имели такую ширину, вам лучше добавить идентификатор в эту ul, а затем указать его в своем CSS.