css – IE8显示inline-block不工作

说我有以下代码

<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，并希望知道为什么内联块不为我工作，当显然它的支持。上述代码在Google Chrome浏览器中执行我想要的操作。

解决方法

我猜你还没有宣布一个doctype。尝试将此放在第一行，在html标记之前：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

你粘贴的代码工程在IE8与该doctype。

css – IE8显示inline-block不工作

解决方法

相关文章