0

我有这个 ul 菜单：

<ul id="superfish-1">
  <li class="active-trail"><a href="#" class="sf-depth-1  active">Inicio</a></li>
  <li class="trail"><a href="#" class="sf-depth-1">Quienes somos</a></li>
  <li class="trail"><a href="#" class="sf-depth-1">Contacto</a></li>

</ul>

我需要水平对齐它。

我看到了这个问题，但是将 ul 定位为postion:relative;和设置left:50%并没有成功。

我也发现了这个问题，但在我的情况下，我无法手动设置宽度，因为菜单会动态加载其内容，然后宽度一直在变化。

这就是我需要的：捕获

4

2 回答 2

3

像这样写：

    #superfish-1{
     text-align:center;
    }
    li{
     display:inline-block;
     *display:inline;/*For IE7*/
     *zoom:1;/*For IE7*/
    }

检查这个http://jsfiddle.net/SdkKd/

于 2012-06-14T12:26:41.870 回答
0

添加margin:0 auto;到 ul 的 css。

检查这个小提琴：http: //jsfiddle.net/dURBJ/1/

于 2012-06-14T12:25:23.727 回答