2012-09-19 68 views
2

如果这是一个n00b问题,但对于我的生活,我很抱歉,我无法在我的“内容”div中集中排列这个灯箱。如何对齐div中的图像库?

http://www.justthisdesign.co.uk/bathroom-gallery.html

我很惭愧地会问这样一个愚蠢的问题,但老实说,我已经尝试了一切。我给每一行的最后一张图片添加了一个.last类,然后用填充右边距和右边距边打边,但似乎没有效果。

+1

不要感到羞耻。每个人都从某个地方开始。 –

回答

1

使用<div id="content" class="clearfix thumbs" style="text-align: center;">

使用保证金4对于所有在两侧不仅仅是右侧!!图库你的照片中,你可以删除内容DIV的水平填充和的宽度调整填补区域DIV。

+0

请通过评论提问。 –

+0

对不起,但我不能评论问题。还没有优惠。 –

+1

这不提供问题的答案。要批评或要求作者澄清,在他们的帖子下留下评论 - 你可以随时评论你自己的帖子,一旦你有足够的[声誉](http://stackoverflow.com/faq#reputation),你将能够[评论任何帖子](http://stackoverflow.com/privileges/comment)。 – bmargulies

1

text-align: center;content格。

0
#content { 
    padding: 15px 30px; 
    background-color: #F8F8F8; 
} 

代替填充尝试使用保证金:

#content { 
    margin: auto; 
    width: 900px; 
    background-color: #F8F8F8; 
} 

和食堂周围的宽度来控制它的位置。 希望这有助于。

1

给你的内容DIV文本对齐:中心;并在每行中给你最后一张图像的右边距为0,否则右边会有额外的空间。

+0

谢谢你。伟大的提示! –