html - 如何在 div 中对齐图片库？

Question

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

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

score 1 · Accepted Answer

1

text-align: center;在contentdiv 上。

于 2012-09-19T11:22:52.600 回答

score 1 · Accepted Answer

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

将边距 4 用于两侧画廊中的所有图片，而不仅仅是右侧！！。您可以删除内容 div 的水平填充并调整 div 宽度中的填充区域。

score 1 · Accepted Answer

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

score 0 · Accepted Answer

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

而不是填充尝试使用边距：

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

并弄乱宽度以控制其位置。希望这可以帮助。

4 回答 4