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