外部填充和边距采用砖石/同位素
我已经和同位素斗争了一段时间了。经过几次不同的坐着之后,我似乎无法弄清楚这一点。
isotope.metafizzy.co/index.html
我将用图像来说明我的问题,但这里是解释。正如您在我的网站上看到的,
test.davewhitley.com/not-wp/isotope_test/index.php
我使用具有三个相同宽度列的同位素。
如果您查看中心布局的外边缘,您会发现有一些填充,迫使整个中心比页眉/页脚稍微窄一些。我已经尽情地使用CSS,但我不知道如何将中央画廊扩展到它所包含的div的边缘(它是960px - 因此,中央画廊大约是940px)。通常我可以只用 div 和一些 CSS 来做到这一点,但是 masonry 的 javascript 超出了我的能力(所有的计算等等)。任何帮助将不胜感激。
这是我的问题的说明。我有什么:
http://farm7.static.flickr.com/6207/6057816365_e0b6e2e8c4.jpg
我想要什么:
http://farm7.static.flickr.com/6208/6058362460_d1200a1491.jpg
抱歉链接的图像和非超链接的文本,我对此还太年轻 地点。
I have been struggling with Isotope for a while now. After a few different sittings, I can't seem to figure this one out.
isotope.metafizzy.co/index.html
I'll illustrate my problem with images, but here is the explanation. As you can see on my site,
test.davewhitley.com/not-wp/isotope_test/index.php
I am using isotope with three same-width columns.
If you look at the outer edges of the central layout, you can see that there is some padding, forcing the whole center to be somewhat narrower than the header / footer. I have played with CSS to my heart's content, but I can't figure out how to expand the central gallery to the edges of the div that it is contained it (it is 960px — therefore, the central gallery is about 940px). Normally I could do this with just divs and some CSS, but masonry's javascript is over my head (all of its calculations and such). Any help would be greatly appreciated.
Here is my problem illustrated. What I have:
http://farm7.static.flickr.com/6207/6057816365_e0b6e2e8c4.jpg
What I would like:
http://farm7.static.flickr.com/6208/6058362460_d1200a1491.jpg
Sorry for the linked images and non-hyperlinked text, I am too young on this site.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
请参阅同位素的带排水沟宽度模型的砌体:
See Masonry with gutter width mod for Isotope: