有朋友使用DIV居中,但是卻發(fā)現(xiàn)DIV居中失靈了,是怎么回事呢?下面給大家解決一下問(wèn)題,呵呵!
1、一般情況下DIV居中失效是因?yàn)闆](méi)寫(xiě)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)單的寫(xiě)法就是:
.divstyle{ margin:0 auto; }
復(fù)雜一些就把左右邊距都加上:
.divstyle{ margin-left:auto; margin-right:auto; }
這樣就可以試想DIV居中了! |