【电商7】nav navitems

• 字数不一样多不给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;
}