1

「li」幅を正しく取得できないという問題が発生しています。私が取り組んでいるデザインがあり、それら20pxは右側に離れているdisplay:inline-blockように見えますが、正しい数値を取得できないようです。JSフィドル

HTML:

<div class="footer">
            <nav>
                <ul>
                    <li><a href="#">Terms of Use</a></li>
                    <li><a href="#">Site Map</a></li>
                    <li><a href="#">Privacy Policy</a></li>
                    <li><a href="#">Help</a></li>
                    <li><a href="#">Company</a></li>
                    <li><a href="#">Contact</a></li>
                </ul>    
            </nav>

            </div>​

CSS:

.footer nav{
    float:right;
    width:530px;
    padding:13px 0 0 0;
}
.footer nav ul{
    list-style:none;
}
.footer nav li{
    display:inline-block;
    width:80px;
    text-align:center;
}
.footer nav li a{
    text-decoration:none;
    color:#000;
}​
4

1 に答える 1

1

それらの間の距離を固定したい場合、可変幅のコンテンツに固定幅のリスト項目を使用することはできず、テキストを中央に配置することもできません。幅を のままにしauto、 を設定してmargin-right、20px互いにその距離を離します。

于 2012-06-02T02:32:43.227 に答える