为什么内联块显示在 Internet Explorer 8 中不起作用？-css教程-PHP中文网

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

Mary-Kate Olsen

发布： 2024-10-31 23:01:29

原创

605 人浏览过

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中文网其他相关文章！

php8，我来也

30分钟学会网站布局

尚观Oracle入门到精通视频教程

你的第一行 UNI-APP 代码

Flutter 从头到应用启动

兄弟连Linux新版视频教程

AXURE 9视频教程（适合产品经理交互产品设计UI）

零基础PS视频教程

16天带你入门UI视频教程

PS技巧和切片技巧视频教程

阿里云环境搭建以及项目上线视频教程

计算机网络概述——程序员必须掌握的基础知识

程序员必备教程——HTTP协议讲解

Websocket视频教程

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

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

设置正确的 Doctype

代码示例

结论