有朋友使用DIV居中,但卻發現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居中了!