2015-12-21 76 views
0

我有幾個divs內容需要垂直對齊。顯示錶格單元格和Vertica對齊中間不使用屬性集合

在我的父母元素上,我有display: table,在子元素上我有display: table-cell; vertical-align: middle;

從我讀到的應該已經足夠了。爲了在CSS中進行安全測量,我在元素中添加了高度,以確保它們與父元素的高度相同,並且我還在CSS中添加了圖像尺寸以保持它們在加載失敗時的尺寸。我的代碼是JSFiddle

我的HTML和CSS都在小提琴中。 我覺得給一個工作例子比較容易。

+1

取出'浮動元素的行爲:在網絡的報頭 - left'廣告和它下降到中間 –

+0

作品。我認爲任何帶有'display:table-cell;'的元素都會自動將它自己放在其他表格元素旁邊?我想我不得不漂浮他們。提出答案讓我可以接受? –

回答

1

https://developer.mozilla.org/en-US/docs/Web/CSS/float

浮子CSS屬性指定的元素應該從正常流動採取並沿着左側或右側其容器,其中文本和內聯元素將環繞它放置。

既然你把它放在一個浮點型,取出的正常流動

設置display: table-cell使得像<td>元素