antd是否 有布局组件可以实现flex这样去浮动呢?

我有如下的需求:

外面一个容器,里面装有多个固定宽高的子元素:

我想要横排布满,如果所示(应该是flex:left):
image.png

请问,在antd的布局组件中是否可以实现呢?

我看了官方文档antd/Grid,
没有找到对应的示例:
再怎么缩放,子元素都是变化了大小:
image.png

阅读 2.6k
1 个回答

可以用flex布局中的flex-wrap属性
默认情况下,项目都排在一条线(又称"轴线")上。flex-wrap属性定义,如果一条轴线排不下,如何换行。

.box{
  flex-wrap: nowrap | wrap | wrap-reverse;
}

它可能取三个值。(1)nowrap(默认):不换行。
图片
(2)wrap:换行,第一行在上方。
图片
(3)wrap-reverse:换行,第一行在下方。
图片

https://ruanyifeng.com/blog/2015/07/flex-grammar.html
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题