時間：2015-06-28 00:00:00 來源：IT貓撲網(wǎng) 作者：網(wǎng)管聯(lián)盟 我要評論(2)
有朋友使用DIV居中，但是卻發(fā)現(xiàn)DIV居中失靈了，是怎么回事呢？下面給大家解決一下問題，呵呵！
1、一般情況下DIV居中失效是因為沒寫DTD語句
在頁面的最上方加上：
?。?DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"＞
就可以了！其實其他很多css的問題也是因為沒有加上dtd語句引起的。
2、使用margin來讓DIV居中
最簡單的寫法就是：
.divstyle{ margin:0 auto; }
復雜一些就把左右邊距都加上：
.divstyle{ margin-left:auto; margin-right:auto; }
這樣就可以試想DIV居中了！
關鍵詞標簽：CSS,DIV
相關閱讀
熱門文章
DIV+CSS網(wǎng)頁布局常用的一些基礎知識整理
完美解決CSS網(wǎng)頁水平居中
XHTML+CSS兼容解決方案
CSS網(wǎng)頁布局困擾新手的八個問題
人氣排行 DIV CSS完美兼容IE6/IE7/FF的通用方法 CSS實例：list-style-type在IE與FF中奇怪的現(xiàn)象解析-CSS布局實例 CSS實例:通過定義漸變邊框給圖片加陰影 CSS常用技巧之一 禁止文字自動換行 網(wǎng)頁頁面設計中CSS十大注意 解決用CSS控制DIV居中失效的問題 css div設置float后高度不能自動增加 讓CSS兼容IE和Firefox的技巧集合