佳木斯湛栽影视文化发展公司
主頁(yè) > 知識(shí)庫(kù) > CSS網(wǎng)頁(yè)布局入門(mén)教程7：二列固定寬度居中

CSS網(wǎng)頁(yè)布局入門(mén)教程7：二列固定寬度居中
熱門(mén)標(biāo)簽：服務(wù)器配置 呼叫中心市場(chǎng)需求 美圖手機(jī) 鐵路電話系統(tǒng) 銀行業(yè)務(wù) 智能手機(jī) 網(wǎng)站文章發(fā)布 檢查注冊(cè)表項(xiàng)
在一列固定寬度之中，我們使用margi:0px auto;這樣的設(shè)置，使一個(gè)div得以達(dá)到居中顯示，而二列分欄中，需要控制的是左分欄的左邊與右分欄的右邊相等，因此使用margi:0px auto;似乎不能夠達(dá)到寧產(chǎn)的效果，這時(shí)就需要進(jìn)行div的嵌套式設(shè)計(jì)來(lái)完成了，可以使用一個(gè)居中的div作為容器，鈄二列分欄的兩個(gè)div旋轉(zhuǎn)在容器中，從而實(shí)現(xiàn)二列的顯示，結(jié)合上面的代碼，新的XHTML代碼結(jié)構(gòu)如下：

[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]

#layout有了居中的屬，自然里邊的內(nèi)容也能夠做到居中，這里的問(wèn)題在于#layout的寬度定義，將#layout的寬度設(shè)定為404px，因?yàn)樵谏弦粋€(gè)教程中了解過(guò)，一個(gè)對(duì)象真正的寬度是由它的各種屬性相加而成，而left的寬度為200px，但左右都有1px的邊距，因此實(shí)際寬度是202px，right對(duì)象同樣如此，為了讓layout作為容器能夠裝下它們兩個(gè),寬度則變?yōu)榱薼eft和right的實(shí)際寬度和，便設(shè)定為了404px，這樣，就實(shí)現(xiàn)了二列居中顯示。
二列寬度居中在實(shí)際網(wǎng)站上應(yīng)用是非常廣泛。 

標(biāo)簽：滄州 新疆 沈陽(yáng) 河南 紅河 上海 樂(lè)山 長(zhǎng)治

巨人網(wǎng)絡(luò)通訊聲明：本文標(biāo)題《CSS網(wǎng)頁(yè)布局入門(mén)教程7：二列固定寬度居中》，本文關(guān)鍵詞  ；如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問(wèn)題，煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們，我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò)，涉及言論、版權(quán)與本站無(wú)關(guān)。
  • 相關(guān)文章
  • 收縮
    • 微信客服
    • 微信二維碼

    • 電話咨詢

    • 400-1100-266
    应用必备| 涞源县| 霍林郭勒市| 九龙县| 黎平县| 斗六市| 巴青县| 洛浦县| 镇坪县| 文水县| 永昌县| 德格县| 广灵县| 开远市| 合山市| 盐池县| 贵溪市| 铜川市| 沿河| 泰顺县| 成武县| 长顺县| 安康市| 崇明县| 图们市| 景德镇市| 松江区| 霍邱县| 海门市| 多伦县| 衢州市| 千阳县| 泸定县| 肥城市| 游戏| 东至县| 望都县| 都昌县| 祁阳县| 兴义市| 将乐县|