0

ナビゲーション タブ付きのフッターがあります。左右 20 のパディングで 960px のラッパー内にあるタブを中央に配置しようとしています。タブはラッパーの内側にあり、左にフロートされます。それらを中央に配置できるように見える唯一の方法は、ナビゲーションラッパーに幅を設定することですが、純粋に中央に配置されているわけではありません。

これは、次のようになります。

ここに画像の説明を入力

html は次のとおりです。

<div class="wrapper">
        <div class="footer_nav clear">
            <a href="">
                <div class="nav_tab">
                    Home
                </div>
            </a>
            <div class="nav_tab">&#124;</div>
            <a href="">
                <div class="nav_tab">
                    About Us
                </div>
            </a>
            <div class="nav_tab">&#124;</div>
            <a href="">
                <div class="nav_tab">
                    Portfolio
                </div>
            </a>
            <div class="nav_tab">&#124;</div>
            <a href="">
                <div class="nav_tab">
                    Contact Us
                </div>
            </a>
        </div>
        <div class="copyright">
            Copyright 2013 Lanai Construction. License #579449
        </div>
        <div class="social_wrapper_footer">
            <div class="fb">
            </div>
            <div class="t">
            </div>
        </div>
    </div>

そしてCSS：

.footer_nav {
 margin:0px auto 0px auto;
 margin-top:40px;
 margin-bottom:5px;
 vertical-align:center;
}
.nav_tab {
 font-family:'Edmon';
 font-size:14px;
 font-weight:bold;
 float:left;
 color:#fff;
 text-align:center;
 margin-right:10px;
}

これはすべて、左右に 960 プラス 20px のラッパー内にあります。

前もって感謝します

4

1 に答える 1

1

については、 の代わりに.nav_tab試してください。display: inline-blockfloat:left

于 2013-08-03T17:00:49.207 に答える