html – IE CSS显示：内嵌块呈现问题_html-js-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>elemen 我有一个烦人的渲染问题与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的内容

总结

以上是内存溢出为你收集整理的html – IE CSS显示：内嵌块呈现问题全部内容，希望文章能够帮你解决html – IE CSS显示：内嵌块呈现问题所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址: https://www.outofmemory.cn/web/1114062.html

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

发表评论

评论列表（0条）