2010-06-29 57 views
0

我有一个简单的菜单列表工作...文本对齐不ie5,6,7


<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”不起作用。

有什么想法?

(我也试着设置保证金自动为元素,但它没有工作过)

感谢

+0

你到底是想干什么?使

  • 中的文字与中心对齐? – Ryano 2010-06-29 13:10:46

    +0

    我只是在这里好奇,你必须支持IE5? (在这种情况下,我真的很抱歉)或者应该是6,7,8? – 2010-06-30 12:19:32

    回答

    0

    #menus a确保您添加display: block;,否则文本对齐方式将无法正常工作。这里有一个例子:

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

    Click here for a JS Fiddle demo.