首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >IE CSS显示:内联块呈现问题

IE CSS显示:内联块呈现问题
EN

Stack Overflow用户
提问于 2012-01-01 13:52:49
回答 3查看 35.5K关注 0票数 18

我的IE有一个恼人的渲染问题,我的代码是

CSS:

代码语言:javascript
复制
div {
    display: inline-block;
    margin-right:40px;
    border: 1px solid;
}

HTML:

代码语言:javascript
复制
<div>element</div>
<div>element</div>
<div>element</div>
<div>element</div>
<div>element</div>

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

这是它在IE中的外观

我用谷歌搜索了IE是否支持display: inline-block,显然它是支持的。

EN

回答 3

Stack Overflow用户

发布于 2015-10-12 14:04:31

对于我来说,添加了以下代码:

代码语言:javascript
复制
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>

到标头信息。

票数 5
EN

Stack Overflow用户

发布于 2012-01-01 13:59:04

代码语言:javascript
复制
div {
    display: block;
    margin-right: 40px;
    float: left;
    border: 1px solid;
}

这个问题只存在于IE7或更早的版本中,但这将会解决这个问题。

票数 0
EN

Stack Overflow用户

发布于 2012-04-02 19:57:50

代码语言:javascript
复制
display: inline;

代码语言:javascript
复制
zoom: 1;

工作正常

票数 -1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/8692021

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档