css - 显示 :table for IE7?

标签 css internet-explorer-7 css-tables

我在 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>

最佳答案

嗯,为什么你有一个 float: left 在你最左边的 div 上?我认为这会引起一些麻烦。你有任何CSS吗?你应该在你的外部 div 上有 margin-left: auto 和 margin-right: auto 。看看this page , 有所有细节。似乎您可能还必须添加 br-tags 或类似内容

关于css - 显示 :table for IE7?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4022197/

相关文章:

css - 将悬停效果应用于 2 个 div

css - IE7 : hasLayout + position: relative + filter = overflow: hidden

css - IE/Firefox CSS 困惑 : Why does my table have inside borders on Firefox, 而不是 IE?

javascript - jsPDF设置表格样式

css - 100% 宽度图像,与 min-height 保持比例

html - dt 标签在 IE 7 中相互 float

html - 如何修复 CSS 使其在 IE7 和 IE8 中工作?

css - 两种不同的 table 样式

html - 重新排列重复 CSS 网格/表格中的行列

jquery - 组合多个 css3 选择器