Как выровнять все элементы контейнера с помощью flexbox?

213

13 апреля 2022, 08:40

У меня есть контейнер, в котором есть 5 тегов nav (элементов)

<div id="container">
    <nav id="elem">Example 1</nav>
    <nav id="elem">Example 2</nav>
    <nav id="elem">Example 3</nav>
    <nav id="elem">Example 4</nav>
    <nav id="elem">Example 5</nav>
</div>

И мне нужно чтобы они были в строку, и я мог ими управлять с помощью flexbox'а.

Answer 1

Управляйте:

.flex__container {
  display: flex;
  justify-content: space-between;;
}

<div class="flex__container">
    <nav class="flex__item">Example 1</nav>
    <nav class="flex__item">Example 2</nav>
    <nav class="flex__item">Example 3</nav>
    <nav class="flex__item">Example 4</nav>
    <nav class="flex__item">Example 5</nav>
</div>

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Открытие видео fullScreen по нажатию на ссылку?

Всем привет, подскажите, пожалуйста, есть видео на YouTube, необходимо чтобы при нажатии на гиперссылку на сайте данное видео открывалось в fullScreen...

225

HTML

Как посчитать количество элементов в каждом списке и если элемент один скрыть заголовок

Есть несколько списков в которых разное количество элементовНужно посчитать сколько в каждом списке элементов и если элемент один то скрыть...

231

HTML

Как в в html c помощью JavaScript присвоить переменной введенный текст?

Вычитал что это делается через свойство valueНо я не разобрался что и куда прописать?

200

HTML

Как вставить переменную "i" из цикла for в html код на JQuery?

Имеется функция, где на страницу в блок #gallery добавляется некоторое кол-во div с классом blockКак сделать, чтобы в каждый из этих div дополнительно...

213