关于flex布局的问题,如何完成一下布局?

小程序 文章 2022-03-17 09:40 340 0 全屏看文

AI助手支持GPT4.0

关于flex布局的问题,如何完成一下布局?Regarding the flex layout problem, how to complete the layout?

关于flex布局的问题,如何完成一下布局?

小白第一次做小程序,

有没有人知道如何去做可以让d向上对齐在b下边哇,

现在我大盒子(棕色)用的了display=flex,flex-wrap=wrap,

成了这个样式

-----------------------------------

最终需求:想通过循环数组让多个view达到一下布局

Xiaobai made a small program for the first time. Does anyone know how to make D align up under B? Wow, now my big box (brown) uses display = flex, flex wrap = wrap, which has become this style -------------------------------------- final requirement: I want to make multiple views achieve the layout through the cycle group

回答:

微喵网络:

你的最终需求是瀑布流,不是你一开始说的那种情况,瀑布流可以参考:https://developers.weixin.qq.com/community/develop/article/doc/000a2e9db9ca98a3c379cfa4a5d013

Lik-:感谢回复😊,我阅读了下您发的这个,他实现的可能是更为复杂高度的,我这个项目只用了两个高度的view,现在用浮动解决了,您发的这个留着以后我再做高度变化更复杂的瀑布流的时候再用啦,感谢感谢😀
Lik-:

我又在网上搜了搜,想到了办法,需要把页面分成两块去渲染数组,数组分成两份,下标为奇数的一列,下标为偶数的一列,分开渲染就可以啦,对啦,这种布局好像有种专业说法——瀑布流布局

六岛:不需要这么麻烦,使用flex可以实现瀑布流
小黎:你这布局主要是靠column-count: 3;实现的,不是flex哈

-EOF-

AI助手支持GPT4.0