V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
dettan
V2EX  ›  前端开发

求助:图片自动拉伸布局(跨多行)

  •  
  •   dettan · 208 天前 · 947 次点击
    这是一个创建于 208 天前的主题,其中的信息可能已经有所发展或是发生改变。

    示例图片

    有没有开源的组件或者算法能自动将多张图片排列成这种布局。

    具体想法:

    • 超高的图片可以跨越多行
    • 超宽的图片可以占一整行
    • 尽量不打乱图片顺序
    • 所有图片的缩小比例大致相同

    或者什么算法或者实现思路也可以

    4 条回复    2024-04-30 19:04:02 +08:00
    nagisaushio
        1
    nagisaushio  
       208 天前 via Android
    感觉用 grid 可以很接近,前段时间刚学到

    ?si=WViSbMEaf5g4c1Cv
    dettan
        2
    dettan  
    OP
       207 天前
    @nagisaushio grid 是可以做出来的,最终也会是用 grid 实现, 但是我需要的是自动排列
    klight
        3
    klight  
       207 天前
    瀑布流?老概念了吧
    dettan
        4
    dettan  
    OP
       207 天前
    @klight 不是瀑布流, 比它进化一点
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   990 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 20:06 · PVG 04:06 · LAX 12:06 · JFK 15:06
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.