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。

相关文章

前言 最近项目做完,用户需要兼容IE,于是开展了兼容性的调整工作。边调整边想感叹IE真是个沙雕。。特将...
前言 有些属性不是很常用,但是工作中遇到了,记录一下,方便学习。 1、text-indent text-indent 属性规...
前言 政府网站会遇到公祭日的时候,网站整体颜色变灰的情况。今天正好调了一下。在此把解决方案分享给大...
需求 项目里有个消息中心,当有消息的时候,小铃铛图标可以晃两下,提示当前有信息。 实现过程 书写css...
html代码 css代码 效果图
在一些界面上 , 如果每个icon都去找图片还是相当麻烦的 , 直接使用css画出icon就方便的多了 , 下面两个...