婷婷综合国产,91蜜桃婷婷狠狠久久综合9色 ,九九九九九精品,国产综合av

主頁 > 知識庫 > CSS網頁布局入門教程7:二列固定寬度居中

CSS網頁布局入門教程7:二列固定寬度居中

熱門標簽:ai電話機器人效果差 地圖標注微信好友 快速更改地圖標注點標 隨州外呼系統廠家 地圖標注樓盤 南山電話機器人 南昌電話機器人系統 沈陽400電話辦理多少錢 蘇州做電話機器人
在一列固定寬度之中,我們使用margi:0px auto;這樣的設置,使一個div得以達到居中顯示,而二列分欄中,需要控制的是左分欄的左邊與右分欄的右邊相等,因此使用margi:0px auto;似乎不能夠達到寧產的效果,這時就需要進行div的嵌套式設計來完成了,可以使用一個居中的div作為容器,鈄二列分欄的兩個div旋轉在容器中,從而實現二列的顯示,結合上面的代碼,新的XHTML代碼結構如下:

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

#layout有了居中的屬,自然里邊的內容也能夠做到居中,這里的問題在于#layout的寬度定義,將#layout的寬度設定為404px,因為在上一個教程中了解過,一個對象真正的寬度是由它的各種屬性相加而成,而left的寬度為200px,但左右都有1px的邊距,因此實際寬度是202px,right對象同樣如此,為了讓layout作為容器能夠裝下它們兩個,寬度則變為了left和right的實際寬度和,便設定為了404px,這樣,就實現了二列居中顯示。
二列寬度居中在實際網站上應用是非常廣泛。 

標簽:濰坊 深圳 玉樹 大同 石家莊 商洛 濰坊 昭通

巨人網絡通訊聲明:本文標題《CSS網頁布局入門教程7:二列固定寬度居中》,本文關鍵詞  CSS,網頁,布局,入門教程,;如發現本文內容存在版權問題,煩請提供相關信息告之我們,我們將及時溝通與處理。本站內容系統采集于網絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《CSS網頁布局入門教程7:二列固定寬度居中》相關的同類信息!
  • 本頁收集關于CSS網頁布局入門教程7:二列固定寬度居中的相關信息資訊供網民參考!
  • 企业400电话

    智能AI客服机器人
    15000

    在线订购

    合计11份范本:公司章程+合伙协议+出资协议+合作协议+股权转让协议+增资扩股协议+股权激励+股东会决议+董事会决议

    推薦文章
    主站蜘蛛池模板: 吉水县| 蓝田县| 阿克苏市| 五峰| 黄平县| 长治县| 昌都县| 瓦房店市| 临城县| 康定县| 临颍县| 横峰县| 射洪县| 江安县| 丹凤县| 萍乡市| 海林市| 准格尔旗| 巴林左旗| 铜梁县| 高要市| 绥宁县| 满洲里市| 华池县| 唐河县| 铁岭市| 衡南县| 祥云县| 宁阳县| 酉阳| 南投县| 新营市| 仁布县| 舟曲县| 化德县| 隆化县| 元阳县| 浪卡子县| 宜良县| 乐山市| 师宗县|