小编典典

IE8显示内联块不起作用

css

说我有以下代码

<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支持内联块。但是,经过一个上午的尝试,我无法获得上述排队。我知道我可以浮动它,但要使用页面上的其他元素(此处未显示),我需要使用一个“
clearfix”,其标记更多。我只需要针对IE8,很想知道为什么内联块对我显然不起作用,但对我来说却不起作用。在Google
Chrome浏览器中,上面的代码可以实现我想要的功能。


阅读 287

收藏
2020-05-16

共1个答案

小编典典

我猜您还没有声明doctype。尝试将其放在html标记之前的第一行:

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

您粘贴的代码在IE8中可以使用该doctype。

2020-05-16