css - CSS float 居中

Question

有人能弄清楚为什么这些图像不会漂浮在中心吗？我已经 float 了剩下的所有内容，这样就不会被清除，但是 margin: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> 产生任何影响因为它们是 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正在做它的工作。