第一種寫法：這是為了舊版瀏覽器 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; }
/* 與第二種方法作用相同，這是較精簡的寫法 */
此篇訊息參考：
沒有留言:
張貼留言