<div class="mid3"><ul><li><a href="#">銷售</a></li><li><a href="#">配菜/打荷</a></li><li><a href="#">普工/技工</a></li><li><a href="#">服務(wù)員</a></li><li><a href="#">導(dǎo)購員</a></li><li><a href="#">保潔</a></li><li><a href="#">發(fā)型師</a></li><li><a href="#">客服</a></li><li><a href="#">迎賓/接待</a></li><li><a href="#">司機</a></li><li id="li1"><a href="#">收銀員</a></li><li><a href="#">營業(yè)員</a></li><li><a href="#">保姆</a></li><li><a href="#">美容師</a></li><li><a href="#">文員</a></li><li><a href="#">雜工</a></li><li id="li2"><a href="#">汽車修理</a></li><li id="li3"><a href="#">廚師</a></li><li id="li4"><a href="#">理貸員</a></li><li><a href="#">保安</a></li><li><a href="#">快遞員</a></li></ul></div>
2 回答
pardon110
TA貢獻1038條經(jīng)驗 獲得超227個贊
對齊不難，你可以參考下下面的代碼，具體的要看你自己寫的整個頁面代碼。
<!DOCTYPE?html>
<html>
<head>
????<title></title>
????<meta?charset="utf-8">
????<style?type="text/css">
????.mid3{width:?1000px;margin:?20px?auto;}
????*{margin:?0;padding:?0;}
????ul{list-style:?none;width:100%;overflow:?hidden;}
????li{float:?left;width:?14%;}
????</style>
</head>
<body>
????<div?class="mid3">
<ul>
<li><a?href="#">銷售</a></li>
<li><a?href="#">配菜/打荷</a></li>
<li><a?href="#">普工/技工</a></li>
<li><a?href="#">服務(wù)員</a></li>
<li><a?href="#">導(dǎo)購員</a></li>
<li><a?href="#">保潔</a></li>
<li><a?href="#">發(fā)型師</a></li>
<li><a?href="#">客服</a></li>
<li><a?href="#">迎賓/接待</a></li>
<li><a?href="#">司機</a></li>
<li?id="li1"><a?href="#">收銀員</a></li>
<li><a?href="#">營業(yè)員</a></li>
<li><a?href="#">保姆</a></li>
<li><a?href="#">美容師</a></li>
<li><a?href="#">文員</a></li>
<li><a?href="#">雜工</a></li>
<li?id="li2"><a?href="#">汽車修理</a></li>
<li?id="li3"><a?href="#">廚師</a></li>
<li?id="li4"><a?href="#">理貸員</a></li>
<li><a?href="#">保安</a></li>
<li><a?href="#">快遞員</a></li>
</ul>
</body>
</html>添加回答
舉報
0/150
提交
取消