让divs并排出现

时间:2011-05-31 10:25:57

标签: css css-float inline html

我正在重构我的表格格式数据以显示在div中。当我分配一个css display:inline-block;时,div在IE8中并排显示,但在IE6中,它会向下显示。

请帮忙。

提前致谢。

2 个答案:

答案 0 :(得分:4)

要使display: inline-block在IE6中正常工作,请使用:

selector {
     display: inline-block;
     *display: inline;
     zoom: 1
}

为什么这样做?请参阅:Inline block doesn't work in internet explorer 7, 6


  

我正在重构我的表格格式   要在div中显示的数据。

我必须同意其他评论 - 这是一个坏主意

应该<{1}}使用<table>表格数据 - 这就是他们在语义上的用途!

答案 1 :(得分:0)

您必须使用display: block; float: left来实现IE6中的功能。但要注意IE6的盒子模型问题以及widthpadding的用法。

但是作为旁注,如果您有真实的表格数据,则应使用<table>。 <div>。

相关问题