当前位置: 首页 > 面试题库 >

IE7不理解显示:内联块

步联
2023-03-14
问题内容

有人可以帮我解决这个错误吗?使用Firefox可以正常工作,但是不能使用Internet Explorer 7。好像看不懂了display: inline-block;

HTML:

<div class="frame-header">
    <h2>...</h2>
</div>

CSS:

.frame-header {
    height:25px;
    display:inline-block;   
}

问题答案:

IE7 display: inline-block;黑客如下:

display: inline-block;
*display: inline;
zoom: 1;

默认情况下,IE7仅支持inline-block自然inline元素(Quirksmode兼容性表),因此您仅需要针对其他元素进行破解。

zoom:1是在那里触发hasLayout行为的,我们使用star属性hackdisplayinline仅将IE7及更低版本中的设置为(新的浏览器将不应用此功能)。hasLayout并且inline基本上可以一起触发inline- blockIE7中的行为,因此我们很高兴。

该CSS将无法验证,并且可能使您的样式表变得混乱,因此通过条件注释使用仅IE7的样式表可能是一个好主意。

<!–-[if IE 7]>
<link rel="stylesheet" href="ie7.css" type="text/css" />
<![endif]–->


 类似资料:
  • 问题内容: 我想了解当CSS是CSS元素的DOM子元素(因此block元素是inline元素的子元素)时会发生什么情况。 CSS 2.1规范的“ 匿名块框”部分描述了这种情况:该示例包括以下规则… …以及随附的文字说… BODY元素包含一个匿名文本块(C1),然后是一个块级元素,然后是另一个匿名文本块(C2)。结果框将是围绕BODY的匿名阻止框,其中包含C1周围的匿名阻止框,P阻止框和C2周围包含

  • 问题内容: 说我有以下代码 我希望它在IE8中显示内联。我到处阅读的所有内容都说这应该可行,IE8支持内联块。但是,经过一个上午的尝试,我无法获得上述排队。我知道我可以浮动它,但要使用页面上的其他元素(此处未显示),我需要使用一个“ clearfix”,其标记更多。我只需要针对IE8,很想知道为什么内联块对我显然不起作用,但对我来说却不起作用。在Google Chrome浏览器中,上面的代码可以实

  • 问题内容: 我在这里有一个有效的代码:(您可能需要将结果窗口放大以查看居中对齐效果) 题 该代码工作正常,但我不喜欢这样。这是使环绕类对齐中心的唯一方法。我认为,如果有一种使用方法或更好。是否可以用其他方法解决对齐中心? 对我来说,向容器添加一个固定的不是一个选择。 如果将来JS Fiddle链接损坏,我还将在这里粘贴代码: 问题答案: 可接受的解决方案对我而言不起作用,因为我需要一个子元素在10

  • 问题内容: 我与几个工作被设置为s ,并有一组和。在HTML中,如果在每行之后都有一个换行符,则会在div的右侧和底部自动添加5px的边距。 例: 是否有我忽略的属性可以让我重置自动保证金? 更新资料 从我发现的结果来看,没有任何方法可以消除空白…除非您将所有内容都放在同一行,或者添加注释以注释掉换行符。例: 这不是最佳的解决方案,但是如果您有多行代码,则仍然更易于阅读。 问题答案: div被视为

  • 我试图使用Bootstrap 4创建一个导航栏,但在我的div标签项不内联,我不能将我的导航项对齐到右边 这里是HTML

  • 问题内容: 我正在处理一些设置为并具有和的。在HTML中,如果在每行之后都有一个换行符,则会在div的右侧和底部自动添加5px的边距。 例: 是否有我忽略的属性可以让我重置自动保证金? 更新资料 从我发现的结果来看,没有任何方法可以消除空白…除非您将所有内容都放在同一行,或者添加注释以注释掉换行符。例: 这不是最佳的解决方案,但是如果您有多行,它仍然更易于阅读。 问题答案: div被视为内联元素。