居中CSS浮动

Question

有谁可以弄清楚为什么这些图像不会漂浮在中心？我已经把剩下的东西都浮起来，以便事情不会被清除，但是边距：auto和text-align：center;似乎没有效果。

我希望图像组两侧的边距与此屏幕截图中显示的相同db.tt/aNu8zBVl

非常感谢 - 这是JSfiddle - http://jsfiddle.net/SparrwHawk/UWYv3/3/

---

修改的

我希望图像组两边的边距相同：

Answer 1

您在jsfiddle.net上发布的代码将平铺图像。在这方面，它运作良好。

您能提供一张尝试来实现的图片吗？

你有一个拼写错误，正如Marc B指出：text-align: center（不是中心）。

但是，text-align:center不会对<img>产生任何影响，因为它们会浮动。

以下是举例说明这一原则的两个例子：

1. This example is floated, but also has clear: left so there will only be one image per line.（也许这就是你想要实现的目标？）我离开text-align:center来证明它对浮动元素没有影响。
2. This example is not floated，如你所见，text-align:center正在做这件事。