雖然div中內容上下居中的問題已經是乙個比較古老的話題，但是最近發現還是有很多前端開發者在詢問如何實現。其實網路上已經有很多資料和案例了，我這裡再總結一下幾個比較常見的處理方式。
情形一：div限高，內容長度限一行
複製**
**如下:
&l程式設計客棧t;!-- html -->
程式設計客棧">我的內容只能有一行。
情形二：div限高，內容不限
複製**
**如下:
.v-mult
.v-mult .empty,
.v-mult .text
.v-mult .empty
我的內容不限，多高都行
換行照常
情形三：div高度不定，內容高度一定
複製**
**如下:
.v-auto
.v-auto .text
我的高度是固定的，只有100px高，但是我的父及高度不定，我怎麼垂直居中呢？
程式設計客棧v>
情形四：div高度不定，內容高度不定
複製**
**如下:
.v-程式設計客棧auto-out
.v-auto-out .auto-in
我的高度不定，我的父及高度也不定，這下要上下居中，該如何是好？我們一起來瞧瞧吧。
好了，知道這四種方式，我相信足以應對日常工作中的各種垂直居中問題。**很簡單，不再做多餘闡述。總之一句話，css的各個屬性樣式，就好像人肢體的各個器官，了解了各個器官的功能，才能相互配合完成各種任務。相反，個體的能力是有限的。
本文標題: div中內容上下居中小結
本文位址:
div 中內容上下居中
情形一 div限高，內容長度限一行 v align style html v align 我的內容只能有一行。div 情形二 div限高，內容不限 v mult v mult empty,v mult text v mult empty html v mult empty span text 我的內...
div內容居中
閱讀原文 若是行內元素,給其父元素設定 text align center,即可實現行內元素水平居中.若是塊級元素,該元素設定 margin 0 auto即可.若子元素包含 float left 屬性,為了讓子元素水平居中,則可讓父元素寬度設定為fit content,並且配合margin,作如下設...
Div居中，Div裡的內容居中
1.div居中 主要的樣式定義如下 body center說明 首先在父級元素定義text align center 這個的意思就是在父級元素內的內容居中 對於ie這樣設定就已經可以了。但在mozilla中不能居中。解決辦法就是在子元素定義時候設定時再加上 margin right auto mar...