CSS问题:“文本对齐:中心”和“最小宽度”的组合不能在IE7/IE8兼容模式下工作

min-width 在IE6/7中,按钮已经不起作用(当文本变大时,它根本不会展开按钮,正如您所期望的那样)。替换为 width 接受它。

试试这个:

input.navbutton
{
    text-align: center;
    min-width: 100px;
    align:center;
}

align 也会影响文本。

你在那儿抓到的虫子真好,艾纳克。。

这可能与最小宽度错误有关: http://social.msdn.microsoft.com/Forums/en/iewebdevelopment/thread/e54188ad-cdad-4168-bbf9-2d0b5271676d

我能看到的唯一可行的解决方法是降低最小宽度并添加左右填充。。

我花了一段时间才弄明白,但我终于明白了。需要使用三个属性的组合:

input.navbutton {
    min-width: 100px;
    overflow: visible;
    line-height: 120%;
}

文本将自动居中。 line-height 如果将文本向左或向右对齐,则可以排除。看到了吗 this jsfiddle

这对我来说是个大问题,但我有个解决办法

input.navbutton
{
    text-align: center;
    min-width: 100px;
    margin: auto;
}

这对我来说很管用

margin: 0 auto; 在CSS中。我知道这篇文章的中心是 <div> 但是我不知道纽扣。

    input.navbutton
    {
            text-align: center;
            min-width: 100px;
    }