[【姜】]

【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; } /* 與第二種方法作用相同，這是較精簡的寫法 */