TShopping

標題: 【CSS 語法教學】區塊置中的三種寫法 [打印本頁]

---

作者: woff    時間: 2009-9-6 00:51
標題: 【CSS 語法教學】區塊置中的三種寫法
第一種寫法：這是為了舊版瀏覽器 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. /* 與第二種方法作用相同，這是較精簡的寫法 */

複製代碼

---

歡迎光臨 TShopping (http://www.tshopping.com.tw/)

Powered by Discuz! X3.2