文件名称:Masonry:级联的网格布局插件-开源
文件大小:33KB
文件格式:GZ
更新时间:2024-05-14 18:27:36
开源软件
Masonry是一个JavaScript网格布局库。 它通过根据可用的垂直空间将元素放置在最佳位置来工作,就像砌墙的石匠一样。 您可能已经在Internet上看到了它的使用。 所有项目的大小和样式都由您自己CSS处理。 可以使用百分比为响应式布局设置项目大小。 在砌体布局模式下,使用元素大小设置百分比宽度columnWidth。 设置percentPosition:true,因此同样使用百分比设置项目位置,以减少窗口调整大小时的调整过渡。 卸载的图像可能会使砖石布局偏离,并导致项目元素重叠。 imagesLoaded解决了此问题。 imagesLoaded是一个单独的脚本,您可以从imagesloaded.desandro.com下载。 或者,在加载完所有图像后初始化Masonry。
【文件预览】:
desandro-masonry-35617b0
----.jshintrc(93B)
----.gitignore(65B)
----package.json(1KB)
----gulpfile.js(3KB)
----dist()
--------masonry.pkgd.js(62KB)
--------masonry.pkgd.min.js(24KB)
----composer.json(393B)
----.github()
--------contributing.md(924B)
--------issue_template.md(258B)
----README.md(2KB)
----sandbox()
--------basic.html(1KB)
--------stamps.html(2KB)
--------fit-width.html(2KB)
--------right-to-left.html(3KB)
--------horizontal-order.html(4KB)
--------sandbox.css(490B)
--------bottom-up.html(3KB)
--------fluid.html(2KB)
--------add-items.html(2KB)
--------require-js()
--------element-sizing.html(2KB)
--------jquery.html(2KB)
--------browserify()
----masonry.js(7KB)
----bower.json(698B)
----test()
--------.jshintrc(191B)
--------helpers.js(424B)
--------unit()
--------tests.css(2KB)
--------index.html(5KB)