html – IE CSS显示：内嵌块呈现问题

发布时间：2020-12-14 21:43:31 所属栏目：资源来源：网络整理

导读：我有一个烦人的渲染问题与IE 我的代码是 CSS： div { display: inline-block; margin-right:40px; border: 1px solid;} HTML： divelement/divdivelement/divdivelement/divdivelement/divdivelement/div 这是它在firefox / chrome(预期的显示) 这是它在IE中

我有一个烦人的渲染问题与IE
我的代码是

CSS：

div {
    display: inline-block;
    margin-right:40px;
    border: 1px solid;
}

HTML：

<div>element</div>
<div>element</div>
<div>element</div>
<div>element</div>
<div>element</div>

这是它在firefox / chrome(预期的显示)

这是它在IE中的外观

如果IE支持显示，我googled：inline-block，显然它是。

解决方法

将DOCTYPE添加到您的HTML，

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

这对我来说是有用的。

注意：在jsFiddle中，DOCTYPE被自动生成，所以它将在那里工作。

编辑1：
查看this了解更多信息，

编辑2：
您可以阅读更多关于内嵌块样式here的内容

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!