我使用JQuery Packery工作正常。
我遇到的问题是如何将项目容器置于我的页面中心?
... ... ... ...
我试过css:
#container { marin: 0 auto; }
但这不起作用。
DeSandro已经有一个中心包装布局的例子。
这个例子在这里 。
基本上它只是通过CSS集中。 我也在这里复制代码:
HTML:
Packery - centered
CSS:
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .packery { background: #FDD; background: hsla(45, 100%, 40%, 0.2); max-width: 480px; margin: 0 auto; } /* clearfix */ .packery:after { content: ' '; display: block; clear: both; } .gutter-sizer { width: 2%; } .grid-sizer { width: 18.4%; } .item { width: 18.4%; height: 60px; float: left; background: #C09; border: 4px solid #333; border-color: hsla(0, 0%, 0%, 0.3); } .item.w2 { width: 38.8%; background: #9C0; } .item.h2 { height: 120px; background: #0C9; }
看看这个..这就是你需要的……
以上就是jQuery教程分享JQuery Packery的中心容器?相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。
本文来自网络收集,不代表计算机技术网立场,如涉及侵权请联系管理员删除。
ctvol管理联系方式QQ:251552304
本文章地址:https://www.ctvol.com/jquerytutorial/532620.html