Как выровнять все элементы контейнера с помощью flexbox?
274
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>
-
12:23
-
20:41
-
06:31
-
21:28
-
22:18
-
08:00
-
13:46
-
10:14
-
18:32
Сборка персонального компьютера от Artline: умный выбор для современных пользователей
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 49890 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 31893 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 25852 visits
- Как через css изменить цвет png изображения? 11714 visits
- Blob video url download 11264 visits
- Php curl запрос через прокси с авторизацией 10639 visits
- Работа с captcha vk api 9457 visits
READ ALSO
© "hostciti.net" 07.12.2025 | 06:58