如何在div中对齐图像库？

Question

我很抱歉，如果这是一个n00b问题，但对于我的生活，我无法将这个灯箱库集中在我的“内容”div中。

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

我很惭愧地问这么愚蠢的问题，但说实话，我已经尝试了一切。我已经给每行中的最后一个图像提供了一个.last，然后使用padding-right和margin-right来播放，但它似乎没有效果。

Answer 1

text-align: center; div上的

content

Answer 2

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

使用保证金4对于画廊中的所有图片，不仅仅是右侧!!。您可以删除内容div的水平填充，并调整div宽度的填充区域。

Answer 3

给你的内容div一个text-align：center;并将每行中的最后一个图像赋予0的边距，否则你将在右侧有额外的空间。

Answer 4

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

而不是填充尝试使用margin：

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

用宽度来控制它的位置。 希望这有帮助。