收藏
回答

view容器使用flex-flow: row wrap;换行后高度自动统一?

但如果不横排,直接竖排的话高度就会自适应

有什么办法让view容器在换行后保持跟里面的内容高度一致呢?如下图,view1底部留下了空白部分的空间,view3不能往上移动覆盖掉空白部分,好难看啊!

回答关注问题邀请回答
收藏

4 个回答

  • optimistic
    optimistic
    2023-10-10

    flex-wrap做不了瀑布流,要么自己计算,要么用两列的方式 不要 flex-wrap

    2023-10-10
    有用
    回复 11
    • 我的我是我
      我的我是我
      2023-10-10
      两列的方式应该最省事,咋弄啊,能给几行代码指点一下吗?
      2023-10-10
      回复
    • optimistic
      optimistic
      2023-10-10回复我的我是我
      左右两列div  flex就可以
      2023-10-10
      回复
    • 我的我是我
      我的我是我
      2023-10-10回复optimistic
      看不懂,只用flex就自动排成一行了,一换行又变回来了
      2023-10-10
      回复
    • optimistic
      optimistic
      2023-10-10回复我的我是我
      外层用两个div,  每个div都是竖着的div ,可以参考淘宝,也是这么做的数组格式是:
      2023-10-10
      回复
    • optimistic
      optimistic
      2023-10-10回复我的我是我
      用手机模式调试这个就知道了
      https://www.tmall.hk/
      2023-10-10
      回复
    查看更多(6)
  • 一笑皆春
    一笑皆春
    2023-10-10

    很多方案,多学习吧

    2023-10-10
    有用
    回复 5
    • 我的我是我
      我的我是我
      2023-10-10
      你还不如不说呢
      2023-10-10
      回复
    • 一笑皆春
      一笑皆春
      2023-10-10回复我的我是我
      这不就充满了,还是代码写的不对
      2023-10-10
      回复
    • 我的我是我
      我的我是我
      2023-10-10回复一笑皆春
      不填满啊,我才知道我想要的那种效果叫做瀑布流,网上搜索了下可以用column-count做两列,但是这样就把第二列往上顶了。触底加载再返回顶部的时候看得更加明显。请大佬指点!多谢啦!
      2023-10-10
      回复
    • 一笑皆春
      一笑皆春
      2023-10-10回复我的我是我
      瀑布流啊,不能用这个来做,网上很多瀑布流的插件
      2023-10-10
      回复
    • 我的我是我
      我的我是我
      2023-10-10回复一笑皆春
      用楼上optimistic提供的列式方法暂时做好了,多谢啦
      2023-10-10
      回复
  • Lanmou
    Lanmou
    2023-10-10

    新品上市那 没内容可以用一个高度撑开,或者图片下的内容区设置一个固定高啊

    2023-10-10
    有用
    回复 1
    • 我的我是我
      我的我是我
      2023-10-10
      不定高,要自适应内容高度
      2023-10-10
      回复
  • 那一抹笑😃 穿透阳光
    那一抹笑😃 穿透阳光
    2023-10-10

    你可以写一个高度啊撑开啊

    2023-10-10
    有用
    回复 1
    • 我的我是我
      我的我是我
      2023-10-10
      不定高,要自适应内容高度
      2023-10-10
      回复
登录 后发表内容