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

飛朵啦學習手札

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

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

週四, 24 十二月 2009 14:03 管理者
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 )  
 

新增回應


驗證碼
更新