div居中的設置該如何編寫css?_Div+CSS教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
div居中的設置該如何編寫css?我們在傳統的表格布局中,只要設置表格的居中屬性就實現了居中的塊元素。應用div css網站布局,div的居中該如何編寫css來控制它呢?
主要的樣式定義如下:
示例代碼 [www.wf0088.com]
body {text-align: center;}
#center { margin-right: auto; margin-left: auto; }
#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;就行了。
相關Div+CSS教程:
- 相關鏈接:
- 教程說明:
Div+CSS教程-div居中的設置該如何編寫css?。