You are here: 首頁 CSS語法專區 網頁置中的方法和注意事項

飛朵啦學習手札

本網站建議使用Firefox2.0以上,或是使用Goole瀏覽器來瀏覽,並使用1024x768解析度來觀看.

網頁置中的方法和注意事項

E-mail 列印 PDF

總共有以下幾種寫:

第一種寫法:這是為了舊版瀏覽器 IE 5.0 而使用的寫法,如下:

  1. body{ text-align:center; } 
  2. /* 先讓網頁內所有的內容置中,因此 myDIV 區塊也會被置中 */ 
  3. #myDIV{ text-align:left; } 
  4. /* 再將 myDIV 區塊內的內容恢復置左 */
複製代碼
第二種寫法:IE6 和 Firefox 等新版瀏覽器都通用的寫法,如下:
  1. #myDIV{ margin-left:auto; margin-right:auto; } 
  2. /* 將 myDIV 區塊的外部間距設定為自動均分,就可以達到置中的效果 */
複製代碼
第三種寫法:IE6 和 Firefox 等新版瀏覽器都通用的寫法,如下:
  1. #myDIV{ margin: 0 auto; } 
  2. /* 與第二種方法作用相同,這是較精簡的寫法 */
複製代碼

這邊注意的是

假如您正使用HTML 4.0,就是在創建的每張網頁的開頭處鍵入下列文檔類型聲明:

i.<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN">

假如您正使用XHTML 1.0 Transitional,就是在創建的每張網頁的開頭處鍵入下列文檔類型聲明:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

假如您使用的是第一種宣告或是無宣告,那你在IE採用margin網頁置中的方式就會出問題

詳情請見:http://mid.lt263.com/mb/divcssjiaocheng/22327.html

最近更新 ( 週四, 24 十二月 2009 14:39 )  
 

新增回應


驗證碼
更新