• 字數不一樣多不給width，用_____;

• 佈局優先考慮使得連結變大

html

<div class="navitems">
                <ul>
                    <li><a href="#">服裝城</a></li>
                    <li><a href="#">服裝</a></li>
                    <li><a href="#">服裝城</a></li>
                    <li><a href="#">服裝城</a></li>
                    <li><a href="#">服裝城</a></li>
                    <li><a href="#">服裝城</a></li>
                    <li><a href="#">服裝城</a></li>
                    <li><a href="#">服裝城</a></li>
                </ul>
            </div>
 

common.css

.nav .navitems {
    float: left;
}

.nav .navitems li {
    float: left;
}

.nav .navitems li a {
    /* 字數不一樣多不給width，用padding擠開;佈局優先考慮使得連結變大 */
    padding: 0 25px;
    height: 100%;
    line-height: 47px;
    text-align: center;
    font-size: 16px;
}