Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 关于IE7的H3 css问题_Html_Css_Internet Explorer 7 - Fatal编程技术网

Html 关于IE7的H3 css问题

Html 关于IE7的H3 css问题,html,css,internet-explorer-7,Html,Css,Internet Explorer 7,标签的自定义设计。。。它在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;

标签的自定义设计。。。它在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;
 }
这就是您需要的:

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

    background-color:white;
    color:black;
    padding-right:10px;
    padding-left:5px;
    padding-top:6px;
    padding-bottom:6px;
    margin-bottom:2px;
 }
*display:inline
仅将IE7作为目标<代码>缩放:1提供IE7及更低版本,这是实现此功能所必需的

要固定字体大小,请指定一个显式的
字体大小
。例如
font-size:24px

这就是您需要的:

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

    background-color:white;
    color:black;
    padding-right:10px;
    padding-left:5px;
    padding-top:6px;
    padding-bottom:6px;
    margin-bottom:2px;
 }
*display:inline
仅将IE7作为目标<代码>缩放:1提供IE7及更低版本,这是实现此功能所必需的


要固定字体大小,请指定一个显式的
字体大小
。例如,
font-size:24px

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


这取决于您的布局。

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


这取决于您的布局。

IE7不支持:内联块

但是你可以通过在结尾加上这个来“破解”它

zoom:1;
*display: inline;

在以下位置找到黑客:

IE 7不支持:内联块

但是你可以通过在结尾加上这个来“破解”它

zoom:1;
*display: inline;

hack位于:

它支持
内联块
用于通常内联的元素,例如
span
。它支持
内联块
用于通常内联的元素,例如
span
。有一个简单的hack,为什么不使用它呢?@garu onn:因为这是一个hack。符合标准的浏览器不需要浪费时间下载和解析黑客。不过这可能无关紧要,因为
display:inline
在这种情况下就足够了,可以在每个浏览器中使用,甚至可以不进行调整!这总是很好。@minitech:这不是不(使用我答案中的方法)的理由,是吗<代码>*显示:内联在下载和“解析”时间都不相关
display:inline
在这里不起作用,因为他正在添加
margin
padding
@thirtydot:但这正是它取决于布局的原因。请看:填充和边距的工作方式并不完全相同(不,垂直边距不起作用。但是背景颜色是白色的。因此它取决于布局)。这有一个简单的技巧,为什么不使用它呢?@garu onn:因为这是一个技巧。符合标准的浏览器不需要浪费时间下载和解析黑客。不过这可能无关紧要,因为
display:inline
在这种情况下就足够了,可以在每个浏览器中使用,甚至可以不进行调整!这总是很好。@minitech:这不是不(使用我答案中的方法)的理由,是吗<代码>*显示:内联在下载和“解析”时间都不相关
display:inline
在这里不起作用,因为他正在添加
margin
padding
@thirtydot:但这正是它取决于布局的原因。请参阅:填充和边距的作用方式不同(不,垂直边距不起作用。但背景颜色是白色。因此,这取决于布局)。