婷婷综合国产,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:一列固定寬度居中的相關信息資訊供網民參考!
  • 推薦文章
    主站蜘蛛池模板: 犍为县| 洪湖市| 修水县| 建瓯市| 饶阳县| 海原县| 财经| 永春县| 晋江市| 南召县| 利津县| 临沂市| 林州市| 共和县| 彭州市| 焦作市| 增城市| 化州市| 永兴县| 乌审旗| 平潭县| 长泰县| 扎鲁特旗| 团风县| 淅川县| 内丘县| 隆化县| 和平县| 融水| 洪雅县| 浮梁县| 宜章县| 股票| 东源县| 泊头市| 开鲁县| 康保县| 福海县| 阳新县| 铅山县| 新平|