我有这个页脚:

<div id="footer" class="navbar-bottom"> 
    <div class="navbar-inner"> 
    <div class="row"> 
        <div class="span12" style="text-align: center;"> 
        <ul class="menu-footer"> 
            <li><a href="#"><img src="images/fportfolio.png"><p class="merg-top">Portfolio</p></a></li> 
            <li><a href="#"><img class="center" src="images/fabout.png"><p class="merg-top">About</p></a></li> 
            <li><img width="160px" src="images/logo.png"></li> 
            <li><a href="#"><img src="images/fclients.png"><p class="merg-top">Clients</p></a></li> 
            <li><a href="#"><img src="images/fcontact.png"><p class="merg-top">Contact</p></a></li> 
        </ul> 
        </div> 
    </div> 
    </div> 
</div> 

每个文本和图像都在 li 元素内完美居中，现在我喜欢 ul 元素位于 div 的中心，但它现在向左对齐。

请您参考如下方法:

固定.menu-footer的宽度，并添加

margin: 0 auto; 

使其以父 div 为中心。