css - Flexbox 中的流体高度列?

标签 css flexbox

当人们使用具有固定宽度列、流体宽度列和另一个固定宽度列的 Flexbox 构建“ chalice ”网站设计时,他们似乎希望所有列的高度相等。如果我想要所有三个的流体高度,以便它们仅与其中的内容一样高,该怎么办?我如何实现这一目标?

最佳答案

使用<a href="http://devdocs.io/css/align-items" rel="noreferrer noopener nofollow">align-items</a>: flex-start在 parent 身上。默认为align-items: stretch .

这是一个很好的flexbox reference .

关于css - Flexbox 中的流体高度列?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27887106/

相关文章:

html - 无序列表在 div 中没有一直向左对齐

html - 表格边框不显示

css - 使两列分别可滚动和视口(viewport)剩余长度的高度

javascript - 使用自定义样式进行 jQuery 非侵入式验证 .NET MVC 5

html - 如何使用 CSS 格式化 HTML 表格以进行打印?

javascript - 根据宽度/大小对多个 Flexbox 行中的元素进行排序

html - Flexbox滚动条问题

html - 为 flex 居中添加顶部边距

css - 卡片翻转 : Make flip side height and width auto

css - 更灵敏的街景主方向按钮