html - IE7 上的 H3 css 问题

Question

为 <h3> 定制设计标记...它在 IE8、Firefox 和 Chrome 上运行良好。

但在 IE7 上，宽度 (100%) 已满，这是不应该发生的。如何解决这个问题？

而且字体大小似乎与 IE8、Firefox 和 Chrome 不一样

h3 {
    background-color:white;
    display:inline-block;
    color:black;
    padding-right:10px;
    padding-left:5px;
    padding-top:6px;
    padding-bottom:6px;
    margin-bottom:2px;
 }

Answer 1

IE7 根本不支持在非内联元素上显示 display: inline-block。您可以通过设置 display: inline 并使用各种定位方式使其正常工作来修复它，或者使用 IE 特定的样式表，使用手动设置宽度的条件注释。

这取决于您的布局。