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

我有一个烦人的渲染问题与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的内容

相关文章