Internet explorer 如何使用internet explorer将按钮中的文本居中?

Internet explorer 如何使用internet explorer将按钮中的文本居中?,internet-explorer,html,Internet Explorer,Html,我已经创建了一个导航菜单。在Google Chrome/Firefox中,它看起来非常好。 但在internet explorer中,按钮的文本位于底部 那么我如何解决以下问题呢 看看我的意思: 谷歌浏览器: Mozilla Firefox: Internet Explorer: .auto-style2{ 字体大小:40px; 文本对齐:左对齐; 浮动:左; } .自动样式3{ 宽度:1200px; 高度:50px; 保证金:0px自动; 文本对齐:左对齐; 垂直对齐:中间对齐; } .

我已经创建了一个导航菜单。在Google Chrome/Firefox中,它看起来非常好。 但在internet explorer中,按钮的文本位于底部

那么我如何解决以下问题呢

看看我的意思:

谷歌浏览器:

Mozilla Firefox:

Internet Explorer:

.auto-style2{
字体大小:40px;
文本对齐:左对齐;
浮动:左;
}
.自动样式3{
宽度:1200px;
高度:50px;
保证金:0px自动;
文本对齐:左对齐;
垂直对齐:中间对齐;
}
.自动样式5{
文本对齐:右对齐;
浮动:对;
线高:50px;
}
SPICYSOFTWARE
MWST
新闻
所有应用程序
Über uns
变更日志

您需要重置按钮行高度,因为它继承自
.auto-style5
元素

不幸的是,对于按钮,这有点繁琐;我认为25px应该是正确的。尝试添加:

.auto-style5 button {
    line-height: 25px;
}
不过可能需要一些微调

希望有帮助:)

编辑

或者让它相对,就像这样:

.auto-style5 button {
    line-height: 1.5;
}

您需要重置按钮行高度,因为它继承自
.auto-style5
元素

不幸的是,对于按钮,这有点繁琐;我认为25px应该是正确的。尝试添加:

.auto-style5 button {
    line-height: 25px;
}
不过可能需要一些微调

希望有帮助:)

编辑

或者让它相对,就像这样:

.auto-style5 button {
    line-height: 1.5;
}
把这个放在你的脑袋里

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

为IE创建一个额外的css文件,并相应地调整IE css

把这个放在你的脑子里

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


为IE创建一个额外的css文件,并相应地调整IE css

设置要继承的行高度

    line-height: inherit;

设置要继承的行高度

    line-height: inherit;

@Marco很酷,很高兴能帮上忙!我认为你不需要专门针对IE,但是如果你有其他声明,一个单独的样式表可以帮助你:)@marcostack,很高兴它能帮上忙!我认为您不需要专门针对IE,但如果您有其他声明,单独的样式表可以帮助:)