CSS问题:"text-align:center"和"min-width"的组合在IE 7/IE 8 compat模式下不起作用
ein*_*arq 5 css internet-explorer
这是我的HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<style type="text/css">
input.navbutton
{
text-align: center;
min-width: 100px;
}
</style>
</head>
<body>
<input type="submit" class="navbutton " value="Next" />
</body>
</html>
在IE 7上,这最终看起来像这样:
但在Firefox上它看起来像这样:
如您所见,文本未在IE 7中正确居中.
关于如何解决这个问题的任何想法？
尝试这个：
input.navbutton
{
text-align: center;
min-width: 100px;
align:center;
}
在 IE（旧版）中，align也会影响文本。