gpt4 book ai didi

javascript - CSS3 - 用可变数量的不同大小的矩形填充网页的最短方法

转载 作者:行者123 更新时间:2023-11-28 09:35:03 25 4
gpt4 key购买 nike

我想制作一个 html5 模板,其中页面用矩形填充

如果只有一个矩形,它将占据整个屏幕。然后其他矩形将从底部出现,占据第一个的位置。每个矩形必须是一个html元素,因为我会把background-size:cover放在上面(所以用剩余的容器空间来组成第一个矩形不是一个可行的方案)。有两种布局,一种是两列,另一种是 3 列。

确切的行为可用 here : JS BIN

它工作得很好,但我认为有更短更好的方法来做到这一点。

身边有 CSS 专家吗? JS 解决方案也可以,但前提是它更短。 LESScss 也可以使用。

也许有列数?

最佳答案

Masonry 是一个有趣的框架,可以帮助您应对当前的情况……或者可能将您的想法推向一个新的高度。

查看该站点,看看它是否可以帮助您完成工作: http://masonry.desandro.com/

关于javascript - CSS3 - 用可变数量的不同大小的矩形填充网页的最短方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25569347/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com