外部填充和边距采用砖石/同位素

发布于 2024-11-30 21:03:57 字数 849 浏览 1 评论 0原文

我已经和同位素斗争了一段时间了。经过几次不同的坐着之后,我似乎无法弄清楚这一点。

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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文