【CSS 語法教學】區塊置中的三種寫法

【CSS 語法教學】區塊置中的三種寫法

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

代碼:

body{ text-align:center; }

/* 先讓網頁內所有的內容置中，因此 myDIV 區塊也會被置中 */

代碼:

#myDIV{ text-align:left; }

/* 再將 myDIV 區塊內的內容恢復置左 */



第二種寫法：IE6 和 Firefox 等新版瀏覽器都通用的寫法，如下：

代碼:

#myDIV{ margin-left:auto; margin-right:auto; }

/* 將 myDIV 區塊的外部間距設定為自動均分，就可以達到置中的效果 */



第三種寫法：IE6 和 Firefox 等新版瀏覽器都通用的寫法，如下：

代碼:

#myDIV{ margin: 0 auto; }

/* 與第二種方法作用相同，這是較精簡的寫法 */