Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
1 / 13 / 0
Регистрация: 28.09.2010
Сообщений: 123
1

Как выровнять строки при flex flex-wrap wrap?

18.09.2018, 12:29. Просмотров 442. Ответов 4
Метки нет (Все метки)

Если высота элемента становится больше, то он получается выше чем остальные элементы на той же строке. Важно чтобы эти элементы выводились по центру страницы.

https://jsfiddle.net/z9qp0n41/9/

Если поставить align-items: baseline; у .container
то элементы выравниваются, но прилипают к верху родителя.

А как выводить элементы по центру и при этом каждая строка была бы выровнена как baseline?
0
Миниатюры
Как выровнять строки при flex flex-wrap wrap?  
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
18.09.2018, 12:29
Ответы с готовыми решениями:

Альтернатива flex-wrap
Добрый день, верстаю письмо. Надо для мобильной версии flex-wrap, но почтовые клиенты не...

Не работает flex-wrap в Safari
Подниму вопрос, или на него ответа нет? Меня конкретно flex-wrap: wrap интересует, как его в сафари...

Центрирование элемента flex контейнера после переноса wrap
Четыре кнопки идут в ряд () () () () CSS контейнера display: flex; margin: 20px 0;...

Как прописывать flex-basis и flex-grow/flex-shrink?
Доброго времени суток? Объясните , пожалуйста, такую вещь, - куда вписывать свойства flex-basis, а...

4
1590 / 884 / 397
Регистрация: 12.05.2016
Сообщений: 2,323
18.09.2018, 12:42 2
manking, flex-direction меняет направление главное оси, justify-content управляет выравниваем вдоль главной оси. У .file justify-content center уберите.
0
Эксперт HTML/CSS
1277 / 1073 / 464
Регистрация: 07.08.2016
Сообщений: 2,952
18.09.2018, 12:45 3
Можно задать для container align-items:center;, сделать общую обертку для содержимого контейнера, и уже в обертке задать align-items:baseline;
0
1 / 13 / 0
Регистрация: 28.09.2010
Сообщений: 123
18.09.2018, 13:30  [ТС] 4
Цитата Сообщение от shvyrevvg Посмотреть сообщение
manking, flex-direction меняет направление главное оси, justify-content управляет выравниваем вдоль главной оси. У .file justify-content center уберите.
Не помогает. Ничего не поменялось.
0
1590 / 884 / 397
Регистрация: 12.05.2016
Сообщений: 2,323
18.09.2018, 13:44 5
Цитата Сообщение от manking Посмотреть сообщение
Не помогает. Ничего не поменялось.
У container-а align-items center убрать. Если Вы хотите чтобы элементы были по центру и по вертикали, и по горизонтали, то как написал AlexZaw нужна еще одна обертка.
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
18.09.2018, 13:44

Заказываю контрольные, курсовые, дипломные и любые другие студенческие работы здесь.

Как Flex элементы выровнять по вертикали?
Всем привет! Подскажите, как выровнять все это вверх, независимо от того какая высота у левого...

Flex box, свойство wrap
После применения flex-wrap: wrap; у меня див с классом pole переносится не прямо под предыдущим...

При наведении на список с классом Navigation, должна меняться высота Header-wrap
Привет. При наведении на список с классом Navigation, должна меняться высота Header-wrap. Не могу...

wrap панель
Как можно сделать wrap панель? есть 10 div. нужно в стиле или где то задается 2 на 5. И...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2020, vBulletin Solutions, Inc.