微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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。

原文地址:https://www.jb51.cc/css/222971.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。