显示：IE7的表格？

Question

我在CSS中有几列，其中float：left属性可以水平对齐它们。但是当它漂浮在左侧时，我无法将所有div都集中在一起。

所以我发现如果我用另一个带有display：table属性的div包装我的列，那么一切都很完美......但不是 IE7 （idd，不支持此属性-.-）

有没有人为此做过黑客或诡计？

这是我的代码：

<div style="display:table">
 <div style="float:left">A column</div>
 <div style="float:left">A column</div>
 <div style="float:left">A column</div>
 <div style="float:left">A column</div>
</div>

Answer 1

嗯，你为什么要浮动：离开最左边的div？我认为这会造成一些麻烦。你有任何CSS吗？你应该在你的外部div上有margin-left：auto和margin-right：auto。看看this page，有详细信息。好像你可能不得不添加br-tags或类似的

Answer 2

如果你在父词组上使用display:table;，那么你应该有display:table-row;和display:table-column; - 元素 - 在这种情况下浮动没有任何意义。请查看this或向Google询问更多信息。

（如果你想显示一个表，为什么不使用table - 元素？如果表格用于布局，这是一个不好的做法，但做同样的事情用table-crap代替divitis并不能使它变得更好）

编辑：如果您只想并排显示div并居中，您只需尝试使用display:inline;或display:inline-block;（但最后会产生问题）在IE中也是如此） - 并在parent-div

上删除那个毫无意义的display:table;