Выравнивание меню по ширине
Равномерное выравнивание пунктов меню по ширине при помощи CSS.
Раньше стилизовал список под таблицу, потом делал при помощи псевдоэлементов.
Теперь вот нашел решение с помощью Flex, плюс учтены варианты для старых браузеров.
Вот:
ul {
display: -webkit-box; -webkit-box-pack: justify; display: -webkit-flex; -webkit-justify-content: space-between; display: flex; justify-content: space-between; text-align: justify; text-align-last: justify; }
li {
display: inline-block; text-align: center; display: -webkit-box;
}
Вроде работает хорошо. Где-нибудь попробую.
Ссылки и благодарности
Всё подробно описано на сайте: http://css-live.ru
Пример: http://css-live.ru/Primer/viravnivanie-items/flexbox.html