文件名称：pinterest-layout:类似 Pinterest 的布局的实现
文件大小：9KB
文件格式：ZIP
更新时间：2024-07-08 05:35:35
HTML
关于 这是受启发的砖石布局的实现。 要求 项目（图钉/卡片）必须根据它们在页面标记中的顺序从左到右、从上到下显示。 使用的列数必须根据可用视口宽度和目标列宽而变化，并且列的宽度是可变的。 因此，对于 200px 的目标列宽： 在 [0, 399] 范围内只有一列，宽度为 100% 在 [400, 599] 范围内有两列，每列的宽度为 50%。 在 [600, 699] 范围内有三列，每列有 1/3 的视口宽度 ... 等等 ... 纯 CSS 解决方案 使用( column-width: 200px ) 提供的column-width属性可以轻松满足列要求，但是项目不是按照所需的显示顺序排列，而是从上到下，左- 向右，像在报纸的专栏中一样流动。 Flexbox 似乎没有帮助，因为使用flow-direction: column我们将拥有与 CSS Multi-columns 相同
【文件预览】：
pinterest-layout-master
----.gitignore(39B)
----package.json(519B)
----src()
--------index.html(6KB)
--------lib()
--------layout.js(919B)
--------style.scss(2KB)
----Gruntfile.js(1KB)
----README.md(3KB)