@azuf

Можно ли реализовать такое меню без флексов?

На сайте MDN есть практическое задание по верстке страницы.

Fundamental layout comprehension

В результате должен получится такой макет

layout-task-complete.png

Можно ли сверстать такое меню без флексов? Обратите внимание, что расстояние между пунктами меню везде одинаковое, хотя длина названий разная. Здесь можно посмотреть код.
  • Вопрос задан
  • 157 просмотров
Пригласить эксперта
Ответы на вопрос 3
develx
@develx
Web developer
CSS Grid Layout - на MDN среди вариантов реализации он перечислен
https://codepen.io/xdevelx/pen/rNYazer


PS На данный момент flex является для такой менюшки оптимальным решением. Для гридов придется указывать количество ячеек, что не совсем подходит для меню, у которого может быть любое количество пунктов.
Ответ написан
mrsexy
@mrsexy
Senior Pomidor
@tyzberd
в 3 версии bootstrap нет флексов, вот меню Justified https://getbootstrap.com/docs/3.4/components/#nav-...
там сделано с помощью
.nav-justified>li {
    display: table-cell;
    width: 1%;
}
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы