显示块元素的文本对齐在ie5,6,7中不起作用

时间:2010-06-29 09:56:59

标签: html css menu

我有一个简单的菜单列表......


<ul>
  <li><a href="#">Մեր Մասին</a></li>
  <li><a href="#">Դասընթացներ</a></li>
  <li><a href="#">Գրանցվելու կարգը</a></li>
  <li><a href="#">Հետադարձ կապ</a></li>
</ul>

和CSS:

#menus a
{
    margin: 0;
    padding: 3px 0 0 0;
    color: white;
    font-size: 15px;
    display: block;
    width: 160px;
    text-decoration: none;
    text-align: center;
}
#menus ul
{
    margin: 0 0 0 119px;
    list-style: outside none;
}
#menus ul li
{
    float: left;
}

但在ie5,6,7 text align =“center”不起作用。

任何想法?

(我也尝试为元素设置margin auto,但它也不起作用)

由于

1 个答案:

答案 0 :(得分:0)

#menus a中确保添加display: block;,否则文字对齐将无效。这是一个例子:

#menus a {
  display: block;
  text-align: center;
}

Click here for a JS Fiddle demo.