DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> 想讓DIV居中 如何編寫CSS
想讓DIV居中 如何編寫CSS
編輯:CSS詳解     

  網頁布局技巧實例,想讓DIV居中,如何編寫CSS?

  div居中的設置該如何編寫css?我們在傳統的表格布局中,只要設置表格的居中屬性就實現了居中的塊元素。應用div css網站布局,div的居中該如何編寫CSS來控制它呢?

  主要的樣式定義如下:

  body {text-align: center;}
  #center { margin-right: auto; margin-left: auto; }

  首先在父級元素定義text-align: center;這個的意思就是在父級元素內的內容居中;

  對於IE這樣設定就已經可以了。但在mozilla中不能居中。解決辦法就是在子元素定義時候設定時再加上margin-right: auto; margin-left: auto;

  需要特別說明,請大家在布局中注意的是,如果你想用這個方法使整個頁面要居中,建議不要套在一個div裡,你可以依次拆出多個div,只要在每個拆出的div裡定義margin-right: auto; margin-left: auto;就行了。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved