2

私はこのフッターを持っています:

<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 の中央に配置されるようになりましたが、現在は左に配置されています。

4

3 に答える 3

5

の幅を修正し、.menu-footer追加します

margin: 0 auto;

親の中央に配置しdivます。

于 2013-04-15T11:38:12.443 に答える