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

我有如下的需求:

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

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

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

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

阅读 2.7k
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
推荐问题