css - 居中 CSS float

Question

谁能弄清楚为什么这些图像不会漂浮在中心？我已经 float 了所有剩下的东西，这样就不会被清除，但是 margin:auto 和 text-align:centre;似乎没有效果。

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

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

---

编辑

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

Answer 1

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

您能否提供一张您尝试要实现的目标的图片？

正如 Marc B 所指出的，您打错了字:text-align: center (不是中心)。

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

这里有两个例子来说明这个原则:

1. This example is floated, but also has clear: left so there will only be one image per line. (也许这就是你想要达到的目标？)我离开了text-align:center以证明它对 float 元素没有影响。
2. This example is not floated ，如您所见，text-align:center正在做它的工作。