是否可以在不动态改变样式的情况下居中对象数组?

时间:2012-02-23 23:30:05

标签: css

在制作缩略图网格等时,我遇到了很多问题。当你尝试使用margin: auto;进行居中时

通常情况下,我会使用PHP和一个计数器来设置每行中最后一个对象的样式,而右边没有边距。但这有点复杂,我希望希望可能有一种更简单的方法来使用CSS技巧或其他东西。

我在这里掀起了一个愚蠢的小问题例子http://jsfiddle.net/convoke/kFzg5/27/

这就是我希望它看起来像http://jsfiddle.net/convoke/NZR9X/3/

父对象居中的细微差别,但希望你看到我的意思。

3 个答案:

答案 0 :(得分:1)

我将浮动替换为内联块+合理的“文本”:

http://jsfiddle.net/kFzg5/28/

警告:旧浏览器不喜欢这种技术,最后一行看起来很难看。

第二个“解决方案”,包含额外的包装div和更多overflow: hidden

http://jsfiddle.net/kFzg5/29/

答案 1 :(得分:1)

http://jsfiddle.net/ZGWHT/

如果td左侧有一个td,则使用td + td来定位td(忽略第一个td)。

答案 2 :(得分:0)

你可以居中然后偏移父容器,左边距为负,边距为左边:-10px,然后将图像容器设置为边距:0 0 10px 10px。