Когда люди строят дизайн веб-сайта «святого Грааля» с использованием flexbox с столбцом фиксированной ширины, столбцом ширины жидкости, а затем другим столбцом фиксированной ширины, они, похоже, хотят равных высот для всех своих столбцов. Что делать, если мне нужна высота жидкости для всех трех, чтобы они были только высоки, как содержание внутри них? Как мне это достичь?Столбцы высоты жидкости в flexbox?
1
A
ответ
0
Используйте align-items : flex-start
на родительском. Значение по умолчанию: align-items: stretch
.
Вот хороший flexbox reference.
Смежные вопросы
- 1. Штабелирование высоты жидкости divs
- 2. Столбцы flexbox и IE
- 3. Flexbox высоты столбцов
- 4. отзывчивые столбцы с flexbox
- 5. Столбцы и строки Flexbox
- 6. Столбцы Flexbox перекрываются
- 7. одинаковые изображения высоты с flexbox
- 8. Столбцы Flexbox, порядок обертывания вверх
- 9. Отзывчивый дизайн: Столбцы против Flexbox
- 10. css вертикальное выравнивание внутри высоты жидкости div?
- 11. Столбцы flexbox с изменяемым размером изображения
- 12. Столбцы с равной шириной flexbox в IE
- 13. Как выравнивать столбцы в CSS flexbox?
- 14. Flexbox делает все столбцы в Safari
- 15. Столбцы с шириной и высотой жидкости
- 16. Элементы flexbox расширяются до полной высоты
- 17. Получение 100% высоты div внутри элемента flexbox
- 18. Bootstrap 4 Содержание Flexbox 100% высоты
- 19. достижение равных столбцов высоты с помощью flexbox
- 20. Заполнение оставшейся высоты с помощью CSS flexbox
- 21. Flexbox: мой div не имеет полной высоты
- 22. Как использовать flexbox для заполнения оставшейся высоты?
- 23. Flexbox макет с помощью колоночной жидкости, а другая фиксированной шириной
- 24. Вложенные столбцы с одинаковой высотой Flexbox, разбитые в Google Chrome
- 25. Как сделать компоновку жидкости с помощью Bootstrap4
- 26. Бутстрап выровнять Столбцы разной высоты
- 27. R barplot: Столбцы разной высоты
- 28. вертикальные центрированные столбцы с заголовками flexbox
- 29. 9 равные столбцы внутри класса колонной жидкости в Twitter Bootstrap
- 30. CSS: Flexbox в Flexbox
Это была моя проблема! Я не знал, что должен был положить это в коробку PARENT! Благодаря! – Hideto
В самом элементе есть 'align-self', но если вы хотите единообразного поведения на всех гибких элементах, лучше установить его на родителя. –