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

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

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

熱門標簽:地圖標注微信好友 隨州外呼系統廠家 南山電話機器人 沈陽400電話辦理多少錢 快速更改地圖標注點標 地圖標注樓盤 ai電話機器人效果差 南昌電話機器人系統 蘇州做電話機器人
頁面整體居中是網頁設計中最普遍應用的形式,在傳統表格布局中,我們使用表格的align="center"屬性來實現,。div本身也支持align="center"屬性,也可以讓div呈現居中狀態,但css布局是為了實現表現和內容的分離,而align對齊屬性是一種樣式代碼,書寫在XHTML的div屬性之中,有違背分享原則(分離可以使你的網站更加利于管理),因此應當css的方法實現內容的居中,我們以固定寬度一列布局代碼為例,為其增加居中的css樣式:

復制代碼 代碼如下:

#layout { 
    border: 2px solid #A9C9E2; 
    background-color: #E8F5FE; 
    height: 200px; 
    width: 300px; 
    margin:0px auto; 


margin屬性用于控制對象的上、右、下、左四個方向的外邊距,當margin使用兩個參數時,第一個參數表示上下邊距,第二個參數表示左右邊距。除了直接使用數值之外,margin不支持一個值叫auto,auto值是讓瀏覽器自動判斷邊距,在這里,我們給當前div的左右邊距設置為auto,瀏覽器就會將div的左右邊距設為相當,并呈現為居中狀態,從而實現了局中效果。
注:此方法居中對于IE6以下瀏覽器不支持,后邊的CSS HACK部分詳細講解解決辦法。

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

操作步驟和一列固定寬度相同,只是在CSS邊框設置項將邊界的上、右、下、左分別設置為0、auto、0、auto即可。

您可能感興趣的文章:
  • CSS網頁布局入門教程1:一列固定寬度
  • CSS網頁布局入門教程4:二列固定寬度
  • CSS網頁布局入門教程6:左列固定,右列寬度自適應
  • 表格頭固定而列可滾動的效果
  • 基于jquery的固定表頭和列頭的代碼
  • android開發之橫向滾動/豎向滾動的ListView(固定列頭)
  • asp.net gridview列寬固定的幾種方法介紹
  • HTML+CSS+JS實現完美兼容各大瀏覽器的TABLE固定列

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

巨人網絡通訊聲明:本文標題《CSS網頁布局入門教程3:一列固定寬度居中》,本文關鍵詞  CSS,網頁,布局,入門教程,;如發現本文內容存在版權問題,煩請提供相關信息告之我們,我們將及時溝通與處理。本站內容系統采集于網絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《CSS網頁布局入門教程3:一列固定寬度居中》相關的同類信息!
  • 本頁收集關于CSS網頁布局入門教程3:一列固定寬度居中的相關信息資訊供網民參考!
  • 推薦文章
    主站蜘蛛池模板: 南郑县| 齐齐哈尔市| 蒲江县| 教育| 荔浦县| 和田市| 高淳县| 芒康县| 花垣县| 宁化县| 琼海市| 嘉定区| 泾川县| 常德市| 肥乡县| 潢川县| 容城县| 济南市| 烟台市| 酉阳| 平阴县| 吉首市| 云龙县| 石景山区| 柳河县| 赤壁市| 建阳市| 新乡县| 鹤庆县| 安达市| 新平| 商城县| 巴马| 界首市| 牟定县| 香港 | 通道| 大石桥市| 长治市| 新蔡县| 唐河县|