首页 > 文章 > web前端 > 为什么内联块显示在 Internet Explorer 8 中不起作用？

为什么内联块显示在 Internet Explorer 8 中不起作用？

Mary-Kate Olsen原创: 2024-10-31 23:01:29606浏览

Why is Inline-Block Display Not Working in Internet Explorer 8?

Internet Explorer 8 中持续存在的内联块问题

尽管文档表明支持内联块，但它可能无法在 Internet Explorer 8 中正确呈现。此问题经常出现尝试水平对齐元素时会出现此问题。

要解决此问题，请考虑以下事项：

设置正确的 Doctype

使用以下 doctype 声明开始 HTML 文档：

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

这将确保 IE8 遵循正确的渲染规范。

代码示例

考虑以下 CSS 和 HTML 代码：

<code class="css">span, ul, ul li {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    padding: 0;
    list-style: none;
}   </code>

<code class="html"><span>i would want</span>
<ul>
  <li>this</li>
  <li>on</li>
  <li>one line.</li>
</ul></code>

有了 doctype 声明，此代码应该按预期在 IE8 中内联渲染。

结论

添加正确的 doctype 声明对于解决 Internet Explorer 中的内联块渲染问题至关重要8. 这个简单的调整可确保浏览器按预期解释和应用 CSS 样式。

以上是为什么内联块显示在 Internet Explorer 8 中不起作用？的详细内容。更多信息请关注PHP中文网其他相关文章！

css html for this display issue

声明：

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

上一篇：How can you blur a background image in CSS without affecting foreground content?下一篇：How to Set Width and Height on Anchor Tags Within Background Images?

查看更多