第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全，請及時綁定郵箱和手機立即綁定

想把水平菜單設(shè)置居中，該怎么寫樣式？

如題如題如題

正在回答

4 回答

<body>
<ul?class="nav">
????<li><a?href="#">首　　頁</a></li>
????<li><a?href="#">新聞快訊</a></li>
????<li><a?href="#">產(chǎn)品展示</a></li>
????<li><a?href="#">售后服務(wù)</a></li>
????<li><a?href="#">聯(lián)系我們</a></li>
??</ul>
</body>

兩種方法，定寬：

<style?type="text/css">
*{margin:0?;?padding:0;?font-size:14px;}
a{color:#333;text-decoration:none}
ul.nav?{
????list-style:?none;
????width:?500px;
????margin:?0?auto;
????}
.nav?li{?
????float:left;
????}
.nav?li?a{?display:block;?text-align:center;?height:30px;?line-height:30px;?width:100px;?background-color:#efefef;}
.nav?li?a:hover{?background-color:#F60;?color:#fff}
</style>

不定寬：

<style?type="text/css">
*{margin:0?;?padding:0;?font-size:14px;}
a{color:#333;text-decoration:none}
ul.nav?{
????list-style:?none;
????float:?left;
????position:?relative;
????left:?50%;
}
.nav?li{?
????float:left;
????position:?relative;
????left:?-50%;
}
.nav?li?a{?display:block;?text-align:center;?height:30px;?line-height:30px;?width:100px;?background-color:#efefef;}
.nav?li?a:hover{?background-color:#F60;?color:#fff}
</style>

還有其他的比如加入 table 標(biāo)簽，太麻煩了，多許多標(biāo)簽。

0 回復(fù) 有任何疑惑可以回復(fù)我~
#1

慕粉木粉 提問者

非常感謝！感謝
2016-09-25 回復(fù) 有任何疑惑可以回復(fù)我~

第二種不定寬的寫法為什么偏了呢

http://img1.sycdn.imooc.com//5a59bc4e00019c5a13750857.jpg

0 回復(fù) 有任何疑惑可以回復(fù)我~

.header{margin-left:400px;}

0 回復(fù) 有任何疑惑可以回復(fù)我~
#1

慕粉木粉 提問者

那如果屏幕是1920*1080分辨率呢，是不是不處于中間了呢
2016-09-14 回復(fù) 有任何疑惑可以回復(fù)我~

<div class="header">

????<ul></ul>

????????<li></li>

</div>

css樣式：

.header{width:1200px;margin:0 auto;}

li{width:220px;}

其他的設(shè)置和老師講的一樣

0 回復(fù) 有任何疑惑可以回復(fù)我~
#1

慕粉木粉 提問者

如果不設(shè)置定寬呢？
2016-09-14 回復(fù) 有任何疑惑可以回復(fù)我~

舉報

0/150
提交
取消
導(dǎo)航條菜單的制作
  • 參與學(xué)習(xí)       123855    人
  • 解答問題       838    個

水平、垂直、圓角導(dǎo)航條菜單，讓您的技術(shù)探索之路更高效

進(jìn)入課程

想把水平菜單設(shè)置居中，該怎么寫樣式？

我要回答 關(guān)注問題
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

 公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號