[問題] menu置中
我想要在一個1000px的div裡面置中一個menu
top about clients services faq
而這五個連結都要左右間距相同的menu應該怎麼做呢?
css:
.header {
color:#999;
margin:0 auto;
padding:0;
width:1000px;
border:1px solid #ccc;
height:500px;
}
.header ul {
margin:0 auto;
list-style:none;
line-height:1.0;
border:1px solid #000;
}
.header li {
display:block;
float:left;
text-transform:uppercase;
font-size:x-small;
width:200px;
text-align:center;
border:1px solid #000;
}
body:
<div class="header">
<ul>
<li>about</li>
<li>clients</li>
<li>services</li>
<li>faq</li>
</ul>
</div>
小弟是這樣做的，但似乎有錯
可以麻煩版上的高手幫我看看嗎?
謝謝
抱歉!忘記說明border是我為了看HTML的呈現效果所下的
如果li沒有設定寬度的話能夠呈現我想要的效果嗎?
謝謝
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 114.34.165.184
推
10/07 15:57, , 1F
10/07 15:57, 1F
→
10/07 15:58, , 2F
10/07 15:58, 2F
→
10/07 15:59, , 3F
10/07 15:59, 3F
→
10/07 16:01, , 4F
10/07 16:01, 4F
→
10/07 16:02, , 5F
10/07 16:02, 5F
→
10/07 16:03, , 6F
10/07 16:03, 6F
→
10/07 16:03, , 7F
10/07 16:03, 7F
→
10/07 16:04, , 8F
10/07 16:04, 8F
※ 編輯: cgcat 來自: 114.34.165.184 (10/07 16:10)
推
10/07 16:16, , 9F
10/07 16:16, 9F
→
10/07 16:17, , 10F
10/07 16:17, 10F
→
10/07 16:41, , 11F
10/07 16:41, 11F
Web_Design 近期熱門文章
PTT數位生活區 即時熱門文章
