Html 浮动divs：对齐：中间

请看一看，我正试图找到一种方法，以中心的每一个原始的这些div（浮动左和包含网络摄像头直播饲料）。网络摄像头的div大小相同&不同的显示大小显示的div数量不同（自然）。但是我想让每个原始的cam div居中，不管原始的div有多大（取决于屏幕大小）。 我还希望css解决方案对以下方面有效：（IE7及以上、Chrome、Firefox、Safari）。 谢谢大家!

通常情况下，a：

.centered {
  margin-left: auto;
  margin-right: auto;
}

应该有用。但是，您的HTML有一个

宽度：100%

。我尝试了几种变体，只有一种产生了一些结果（如果您想保留“.left”类），这意味着在

.webcam

类中添加

margin right:auto

---

如果删除网络摄像头中的.left类，它应该可以工作（它在我的chrome实例上执行“动态”操作）。

将所有div放入包装器中，并使用

边距：0 auto将包装器居中设置其他页边距的填充宽度等，并使其浮动。或者将包装器设置为
位置：相对
然后绝对定位三个div，如果移除
float:left
在您的网络摄像头包装器div上，它似乎按照您所描述的那样工作。然而，在IE7中，它不起作用。这可能是因为您使用的是内联块，为了在IE7中工作，需要在#webcam.webcam中添加以下内容

zoom: 1;
*display: inline;

这可能会解决你的问题。如果不是，至少IE7现在将正确渲染显示块
 我通过在#网络摄像头#网络摄像头#包装器元素中添加“padding:04%”对其进行了测试，它成功了，它居中，但无法在ie7中进行测试。所以你可以试试这个。非常感谢，这个在IE7中看起来不错：）