这是我关于主题的快速小提琴：http: //jsfiddle.net/Z67p4/
所以，我的问题是——如果内容是在未来动态生成的，我如何让缩略图始终居中在画廊中？即使连续的缩略图少于四个，它们也应该居中，但它们之间也应该有一个排水沟。
我试着摆弄，margin: auto但我无法弄清楚。
问问题
77 次
2 回答
3
试试text-align:center容器
于 2013-07-12T16:36:08.987 回答
3
两个修复：
修复一：
添加text-align:center;到容器类
修复二：
display:inline-block;在容器类中去掉。它导致您的容器类以内联方式显示（如文本），这证明了它的合理性。
为了展示这一点，我在容器类上放置了一个 bg-color 并使其占屏幕的 60%，保持原始边距。 如您所见，尽管具有“自动”水平边距，但 div 从左边缘开始覆盖了 60% 的屏幕。
三个建议：
建议一：
text-align:left;如果您不希望缩略图中的文本居中， 请记住添加。text-align影响目标元素的所有子元素，这意味着具有container该类的 div 的每个子元素都将居中。
建议二：
真的更像是一个宠物的烦恼......
尝试找到一种不使用百分比来定义内容元素（缩略图）大小的方法。您的页面将能够通过使用不同的、精心调整的元素来缩放到不同的屏幕，这些元素将根据查看大小而居中。拥有元素中心和比例可能是矫枉过正。
建议三：
为您的容器添加最小宽度。这样您就不必担心您的元素是否会因为基于百分比的容器而溢出。
这是一个结合了修复和我的建议的版本。我已经评论了我所做的每一个更改。
于 2013-07-12T17:33:08.227 回答