当前位置:  开发笔记 > 前端 > 正文

flexbox项目是否更喜欢换行而不是扩展其容器?

如何解决《flexbox项目是否更喜欢换行而不是扩展其容器?》经验,为你挑选了0个好方法。

我正在创建一种卡式布局,其中各个卡片垂直堆叠.在更高的屏幕宽度下,使用越来越多的卡片 - 使用尽可能小的垂直空间.

我正在使用flex-flow: column wrap布局来做到这一点.但是,我发现容器需要有height或者max-height为了鼓励卡片包装.考虑到卡片的数量和它们各自的尺寸可能会发生变化,我无法确定这个高度在没有切断物品或下面有多余空间的情况下最佳状态.

任何人都可以告诉我这是否可能,或者我做错了什么?

附加片段.

.card-container {
  display: flex;
  flex-flow: column wrap;
  align-items: stretch;
}
.card {
  flex: 0 0 auto;
  width: 15rem;
  margin: 0.5rem;
  background-color: #f4f4f4;
  /* max-height: ??? */
}

推荐阅读
oDavid_仔o_880
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有