有朋友使用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; }
復(fù)雜一些就把左右邊距都加上:
.divstyle{ margin-left:auto; margin-right:auto; }
這樣就可以試想DIV居中了! |