91网站在线观看视频免费,国产精品天天看天天做夜夜爽,99久久这里只有精品23,小泽真理奈磁力,和50多岁熟妇做了四次,色天堂啪啪啪

網(wǎng)站建設(shè)咨詢  網(wǎng)站推廣咨詢  網(wǎng)站優(yōu)化咨詢  網(wǎng)站售后咨詢   電話:0316-5269510 客服:13722605112  13315631884

公司郵箱:sjfc2008@126.comsjfc2008@126.com  技術(shù)郵箱:sjfc2009@163.comsjfc2009@163.com  網(wǎng)站售后郵箱:e-wkj.cn@tom.come-wkj.cn@tom.com   24小時(shí)服務(wù)熱線:13722605112
導(dǎo)航頭部 網(wǎng)站首頁 網(wǎng)站制作 網(wǎng)站推廣 建站方案 推廣方案 業(yè)務(wù)介紹 網(wǎng)站案例 技術(shù)服務(wù) 關(guān)于我們 聯(lián)系我們 導(dǎo)航尾部
主要為用戶提供網(wǎng)站建設(shè)和網(wǎng)站推廣服務(wù)
建站知識(shí)

多種方法來實(shí)現(xiàn)網(wǎng)站導(dǎo)航水平居中

來 源:暢想網(wǎng)絡(luò)  作 者:小 編  發(fā)布時(shí)間:2016-8-12

在今天的內(nèi)容中,廊坊網(wǎng)站建設(shè)公司的技術(shù)人員將分享下網(wǎng)站導(dǎo)航水平居中設(shè)置的方法,其實(shí)辦法有很多,以CSS代碼為例,這種代碼操作很方便,后期修改的時(shí)候也簡單,以下是詳細(xì)的實(shí)例操作。

方法一:使用display:inline-block控制

這個(gè)方法比較簡單,是將容器轉(zhuǎn)成display:inline-block行內(nèi)塊級(jí)元素,然后就可以直接用text-align:center使其達(dá)到水平居中效果。HTML代碼中需要一個(gè)div來包圍這個(gè)導(dǎo)航菜單。

方法二:使用position:relative解決

position:relative定位方法來讓元素水平居中,一般來說小編推薦這方法,因?yàn)榇a多了個(gè)div去包住,當(dāng)然這些是根據(jù)情況來使用的。將定位div設(shè)為浮動(dòng),再定位left:50%,然后導(dǎo)航定位至left:-50%。

方法三:使用display:table解決

HTML代碼實(shí)例

<ul class="navbar">
<li><a href="/">Home</a></li>
</ul>

CSS代碼實(shí)例

.navbar {
display:table;
margin:0 auto;
}
.navbar li {
display:table-cell;
}
.navbar li + li {
padding-left:20px;
}

方法四:使用display:inline-flex解決

HTML代碼實(shí)例操作

<div class="navbar">
<ul>
<li><a href="/">Home</a></li>
</ul>
</div>

CSS代碼代碼編寫

.navbar {
text-align:center;
}
.navbar > ul {
display:-webkit-inline-box;
display:-moz-inline-box;
display:-ms-inline-flexbox;
display:-webkit-inline-flex;
display:inline-flex;
}
.navbar li + li {
margin-left:20px;
}

提示:瀏覽器兼容問題,目前這個(gè)代碼不支持IE7及以下版本的IE瀏覽器。

其實(shí)這些方法很好的解決了網(wǎng)站導(dǎo)航菜單居中的問題,使用CSS編寫有助于后期的修改,極大的方便了我們的操作和節(jié)省了寶貴的時(shí)間。在以后的內(nèi)容中,小編還將會(huì)繼續(xù)為朋友們分享更多更有價(jià)值的知識(shí)。

上一篇:網(wǎng)站頁面設(shè)計(jì)美需要在哪些方面體現(xiàn) 下一篇:友情鏈接在網(wǎng)站制作中起到什么作用

廊坊市新世紀(jì)步行街暢想網(wǎng)絡(luò)技術(shù)服務(wù)中心歷經(jīng)多年的發(fā)展,現(xiàn)擁有一個(gè)過硬的技術(shù)團(tuán)隊(duì),憑借豐富的廊坊網(wǎng)站建設(shè),網(wǎng)站制作經(jīng)驗(yàn)贏得了眾多用戶信任,真正站在客戶角度去考慮問題。我們始終堅(jiān)持新產(chǎn)品的研發(fā),每一款不同的產(chǎn)品有他獨(dú)特的功能,完全可以幫助大家快速樹立起自己的品牌形象。

在以后的工作中廊坊網(wǎng)絡(luò)公司的技術(shù)人員將繼續(xù)依靠技術(shù)優(yōu)勢、優(yōu)質(zhì)的產(chǎn)品去服務(wù)用戶,同時(shí)也會(huì)繼續(xù)開發(fā)方便、可靠的產(chǎn)品。堅(jiān)持不懈,認(rèn)真思考,獨(dú)具創(chuàng)新是我們必須堅(jiān)持的,只有這樣才能有更好的發(fā)展。(詳細(xì)介紹

優(yōu)惠活動(dòng)
網(wǎng)站底部

廊坊市新世紀(jì)步行街暢想網(wǎng)絡(luò)技術(shù)服務(wù)中心 TEL:0316-5269510 技術(shù)支持:13722605112 E-MAIL:sjfc2008@126.com 冀ICP備11000020號(hào) 網(wǎng)站地圖  

互聯(lián)網(wǎng)信任計(jì)劃       網(wǎng)站安全認(rèn)證       可信網(wǎng)站

陇南市| 海安县| 恩平市| 深州市| 新丰县| 茶陵县| 东山县| 收藏| 琼结县| 乡城县| 米林县| 壶关县| 布拖县| 兴业县| 合江县| 巴塘县| 库车县| 绥宁县|