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

作者站长头像
站长
· 阅读数 5

我有如下的需求:

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

我想要横排布满,如果所示(应该是flex:left):antd是否 有布局组件可以实现flex这样去浮动呢?

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

我看了官方文档antd/Grid,没有找到对应的示例:再怎么缩放,子元素都是变化了大小:antd是否 有布局组件可以实现flex这样去浮动呢?

回复
1个回答
avatar
test
2024-06-29

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

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

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

https://ruanyifeng.com/blog/2015/07/flex-grammar.html
回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引,对解决问题有帮助
  • 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容