css – IE8显示inline-block不工作

前端之家收集整理的这篇文章主要介绍了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相关文章