CSS DIV 置中最簡單的方法，相容各式瀏覽器

在CSS 排版上我們常會碰要需要將div 置中的時候，與HTML 很大的不同是，HTML 只要設定align=center 就可以輕鬆置中，然而在CSS 中，要讓一個div 置中必須用到margin 的 ... WEBTECH網頁設計教學站 首頁 PHP CSS HTML JavaScript GIMP Linux OpenOffice 瀏覽器 其它 Home › CSS › CSSDIV置中最簡單的方法，相容各式瀏覽器 CSSDIV置中最簡單的方法，相容各式瀏覽器 在CSS排版上我們常會碰要需要將div置中的時候，與HTML很大的不同是，HTML只要設定align=center就可以輕鬆置中，然而在CSS中，要讓一個div置中必須用到margin的寫法，不過div置中比較麻煩的問題在於各家瀏覽器的支援狀況，特別是老舊的ie6，所以我們這邊介紹可以適用於ie6、ie7、ie8、Chrome、Opera與firefox的div置中寫法。

第一種div置中方法，適用於FireFox、Chrome、Opera，真是太棒了！margin:0pxauto;第二種div置中方法，IE8適用要在IE8成功置中可以用兩個div相互合作，外面的div要設定text-align:center，讓包在裡面的div可以順利置中開啟程式碼頁面第三種div置中方法，適用於IE7*margin:0pxauto;第四種div置中方法，適用於IE6_margin:0pxauto;總結搞不懂為什麼一個簡單的div置中，各家瀏覽器都有共識，唯獨ie要跟人家不一樣，而且ie6~ie8竟然就要三種不同的寫法.......延伸閱讀CSSDIV區塊CSSDIV區塊內的文字垂直置中相關外部網頁CSSDIV置中 您可能會想看 如何替HTMLDIV區塊增加邊框效果 如何在HTMLDIV區塊內插入圖片 如何修改HTMLDIV區塊內的文字顏色 CSSdisplay:inline-block可設定區塊寬度與高度 利用CSS設計ulli橫向水平顯示 CSSlist-style-type列表開頭顯示符號 CSSlist-style-image列表開頭顯示圖示 CSSlist-style-position列表位置 CSSlist-style列表設計 修改CSSDIV內文字字型 即時熱門文章 如何替HTMLDIV區塊增加邊框效果 如何在HTMLDIV區塊內插入圖片 如何修改HTMLDIV區塊內的文字顏色 HTMLspan標籤用法 如何修改HTMLDIV區塊內的文字字型 如何替HTMLDIV增加背景顏色 HTMLDIV標籤用法 PHPstripslashes函數 PHPstrip_tags函數消除PHP或HTML標籤符號 PHPaddslashes函數替字符增加斜線 今日熱門文章 如何替HTMLDIV區塊增加邊框效果 如何在HTMLDIV區塊內插入圖片 如何修改HTMLDIV區塊內的文字顏色 HTMLspan標籤用法 如何修改HTMLDIV區塊內的文字字型 如何替HTMLDIV增加背景顏色 HTMLDIV標籤用法 PHPstripslashes函數 PHPstrip_tags函數消除PHP或HTML標籤符號 PHPaddslashes函數替字符增加斜線 ©Copyrightwebtech.twSince2010