1、div自身居中
使用margin:0 auto
上下為0，左右自適應的css樣式。
要讓div水平居中，那麼除了設定css margin:0 auto外，還不能再設定float，不然將會導致div靠左（設定float:left）和div靠右（設定float:right）。
>div布局居中例項 thinkcss
title
>
<
style
>
#jzstyle
>
head
>
<
body
>
<
div
id="jz"
>設定margin:0 auto相容各大瀏覽器讓div水平居中
div>
body
>
html
>
以上例項正是使用margin:0 auto讓div相容各大瀏覽器的水平居中。
2、div內的內容居中
內容居中分為div內容水平居中與div內容垂直居中。
而div內容居中比較簡單，只需要設定乙個內容居中css（text-align:center）、內容垂直居中（line-height）即可。
（1）div內容水平居中css：
text-align:center
無論是p還是div都可以對其設定此css實現對應物件內的內容水平居中。
（2）div內容垂直居中 行高屬性：
line-height
要讓div內只有一行的內容垂直居中，通常對div設定的height(高)與line-height(行高)相同，即可實現div內容垂直居中。
>div內容居中例項 thinkcss
title
>
<
style
>
#juzhong
style
>
head
>
<
body
>
<
div
id="juzhong"
>text-align和line-height設定水平與垂直居中
div>
body
>
html
>
Div居中，Div裡的內容居中
1.div居中 主要的樣式定義如下 body center說明 首先在父級元素定義text align center 這個的意思就是在父級元素內的內容居中 對於ie這樣設定就已經可以了。但在mozilla中不能居中。解決辦法就是在子元素定義時候設定時再加上 margin right auto mar...
div內容居中
閱讀原文 若是行內元素,給其父元素設定 text align center,即可實現行內元素水平居中.若是塊級元素,該元素設定 margin 0 auto即可.若子元素包含 float left 屬性,為了讓子元素水平居中,則可讓父元素寬度設定為fit content,並且配合margin,作如下設...
div內容垂直居中對齊
css垂直居中屬性設定vertical align middle對div不起作用，例如 在div中垂直居中 執行後按鈕沒有在div中垂直居中 解決思路 如果div和按鈕的寬高都確定為具體畫素值，可以直接設定按鈕的css屬性 position relative top為 div.height butt...