V 友们，这个设计能用 flex 布局实现吗，后台返回的是一个数组对象。我想在交互上方便一下，如果 flex 实现不了，有没有其他能把按钮循环出来的办法

[MRG0]

有个关键问题，第二排按钮会捅到支付方式下边

[Asakijz]

没看懂需求

[wednesdayco]

能，话说你这按钮的大小不会不一致吧？

[pengtdyd]

可以，但是你能问出这个问题，我感觉你写不出来。

[vitovan]

.container {
display: flex;
flex-direction: row-reverse;
flex-wrap: wrap;
}

这行吗？

[LaGeNanRen]

在座的各位有几个听懂他的需求和问题了 ：）

[wednesdayco]

@LaGeNanRen 我猜他说的是按钮数据是个数组，布局的时候分成两排。 实现方式多得很

[MRG0]

@wednesdayco 不一致，有大有小，甚至顺序也有要求

[MRG0]

@pengtdyd 我想一天了，就这个按钮捅到支付方式下边这个问题，实在想不到如何解决

[MRG0]

@wednesdayco #6 分布成两排倒是好实现，但是如何让第二排按钮一直可以前伸到支付方式下边呢

[admol]

让我想到了在地图上打电话的那个，你应该先这样，再这样，然后再这样，最后再这样，不就可以了吗

[MRG0]

@vitovan 会被“支付方式”这个 div 挡住

[admol]

@admol 地图 => 地铁

[MRG0]

@admol #12 😰

[ZGame]

你要求后端返回的不同数组 对应不同的 type 不就行了, 生成不同的模板组件...

[wednesdayco]

@MRG0 按钮大小不固定的话我目前只能想到把按钮单独放到一个容器里面，然后将其绝对定位覆盖在支付方式容器，第一个按钮 width100%占满换行第二排

[ZGame]

type => itemWarpperContainerOneStyle ,Two,Three........

[sankemao]

你把支付方式和按钮再用 flex 左右套下不就行了

[hlwjia]

嘛，写 4 个 switch case 好了

[me1onsoda]

这个不就是靠右，然后自动换行嘛

[shuxhan]

这应该就是个纯粹的 css 问题，但是我没太能理解 op 想要的布局到底什么，看完图我更困惑了