2010年6月28日

解決用CSS控制DIV居中失效的問題

有朋友使用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居中了!