|
1 / 13 / 0
Регистрация: 28.09.2010
Сообщений: 153
|
|
Как выровнять строки при flex flex-wrap wrap?18.09.2018, 12:29. Показов 1680. Ответов 4
Метки нет (Все метки)
https://jsfiddle.net/z9qp0n41/9/ Если поставить align-items: baseline; у .container то элементы выравниваются, но прилипают к верху родителя. А как выводить элементы по центру и при этом каждая строка была бы выровнена как baseline?
0
|
|
(| 18.09.2018, 12:29 | |
|
Ответы с готовыми решениями:
4
Альтернатива flex-wrap Не работает flex-wrap в Safari Центрирование элемента flex контейнера после переноса wrap |
|
1786 / 1036 / 445
Регистрация: 12.05.2016
Сообщений: 2,550
|
|
| 18.09.2018, 12:42 | |
|
manking, flex-direction меняет направление главное оси, justify-content управляет выравниваем вдоль главной оси. У .file justify-content center уберите.
0
|
|
|
Модератор
 
2379 / 1739 / 677
Регистрация: 07.08.2016
Сообщений: 4,093
|
|
| 18.09.2018, 12:45 | |
|
Можно задать для container
align-items:center;, сделать общую обертку для содержимого контейнера, и уже в обертке задать align-items:baseline;
0
|
|
|
1 / 13 / 0
Регистрация: 28.09.2010
Сообщений: 153
|
||
| 18.09.2018, 13:30 [ТС] | ||
0
|
||
Сообщение от shvyrevvg
|
1786 / 1036 / 445
Регистрация: 12.05.2016
Сообщений: 2,550
|
||
| 18.09.2018, 13:44 | ||
0
|
||
| 18.09.2018, 13:44 | |
|
Помогаю со студенческими работами здесь
5
Как прописывать flex-basis и flex-grow/flex-shrink?
Flex box, свойство wrap При наведении на список с классом Navigation, должна меняться высота Header-wrap wrap панель Искать еще темы с ответами Или воспользуйтесь поиском по форуму: |
|
Новые блоги и статьи
|
|||
|
Камера Toupcam IUA500KMA
Eddy_Em 12.02.2026
Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
|
И ясному Солнцу
zbw 12.02.2026
И ясному Солнцу,
и светлой Луне.
В мире
покоя нет
и люди
не могут жить в тишине.
А жить им немного лет.
|
«Знание-Сила»
zbw 12.02.2026
«Знание-Сила»
«Время-Деньги»
«Деньги -Пуля»
|
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 12.02.2026
Содержание блога
Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .
|
|
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 11.02.2026
Содержание блога
Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .
|
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image
8Observer8 10.02.2026
Содержание блога
Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .
|
Установка Qt-версии Lazarus IDE в Debian Trixie Xfce
volvo 10.02.2026
В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .
|
SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer
8Observer8 08.02.2026
Содержание блога
Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .
|