如何修复显示：IE6上的内联块？

Question

如何在IE6上修复display:inline-block;？

我的html页面http://www.faressoft.org/tutorialTools/slideShow/

我可以通过其他方式获得相同的结果吗？

Answer 1

您必须在IE样式表中的块级元素上重新指定display:inline;。

HTML：

<div class="ImageSlideShow">blah</div>

常规CSS：

.ImageSlideShow { display:inline-block; } 

IE CSS：

<!--[if lt IE 8]>
<style>
.ImageSlideShow { display:inline; zoom:1; }
</style>
<![endif]-->

请参阅：http://work.arounds.org/using-inline-block-ie7-and-ie6/

<强>奖金：

您还应为display:inline;指定.ImageSlideShow .ImageNum {}以缓解另一个IE错误。

Answer 2

* html p { display: inline; zoom: 1; }

Answer 3

http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/

在IE6中，您可以将display：inline-block仅设置为实际的内联元素，例如span或a。