假设我有以下代码
<style type="text/css" media="all">
span, ul, ul li {
display: inline-block;
vertical-align: top;
margin: 0;
padding: 0;
list-style: none;
}
</style>
<span>i would want</span>
<ul>
<li>this</li>
<li>on</li>
<li>one line.</li>
</ul>
我希望在 IE8 中将此内容显示为内联。我在多处阅读了所有内容，都说这应该可以工作，IE8 支持 inline-block。然而，经过一个上午的尝试，我无法让它对齐。我知道我可以浮动它，但是由于页面上的其他元素（未在此处显示）我需要使用“clearfix”，这会增加标记。我只需要针对IE8进行设置，并想知道为什么 inline-block 对我不起作用，而显然它是被支持的。当在 Google Chrome 中查看时，上述代码会产生我想要的效果。
我猜测你没有声明文档类型。试着把这行代码放在html标签之前：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
你粘贴的代码在使用该文档类型（doctype）的情况下可以在IE8中运行。
并非所有IE8版本都能够正常工作。我发现，即使有DOCTYPE声明，给定的代码在IE 8.0.6001.18702（早期版本）中也无法正常工作。
然而，对于较低版本的IE来说，解决方法同样适用于该特定版本的IE 8：
<!--[if lt IE 8]>
<style type="text/css">
li { display: inline; }
</style>
<![endif]-->
<meta http-equiv="X-UA-Compatible" content="IE=edge">。 - BoltClock你可以设置 margin-right:1px
对我来说非常有效。
根据我的经验，使用通用的方式（IE6+）声明内联块总是一个更好的选择。即使你的目标是较新的浏览器，每次我试图说它只支持较新的浏览器，一些客户仍会干扰他们的文档类型，然后销售人员说需要修复它，因为客户仍然可以看到它并且不明白，这取决于他们的IE设置而不是我们的问题。此外，当你在结构化内容中使用内联块时，它可以防止在某些原因下用户使用旧版IE查看网站时使网站完全分解。
display: inline-block;
*zoom: 1;
*display: inline;
if (var i < 0; i y x.length; i++) - yunzenif而不是for… @HerrSerker 的意思是“习惯用语”，但您把 if 改成了 for。 - Ry-display: inline; display: inline-block; *zoom: 1; -- IE 将忽略第二个显示规则，缩放仅适用于旧版IE。 - Tom McKenzie如果您不使用浮动，IE8将把它视为块级元素。
.divInlineBlock
{
display: inline-block;
float: left;
}
display: inline-table;。这个声明非常有用。