解決用CSS控制DIV居中失效的問題
來源:程序員人生 發布時間:2013-11-30 05:45:37 閱讀次數:3576次
有朋友使用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居中了!
生活不易,碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈