兩個水平對齊，垂直居中的div

我有一個讓我發瘋的問題。兩個水平對齊，垂直居中的div

我有一個包裝div，其中包含一個div與一些文本和圖像。圖像和div的大小有所不同。包裝div調整爲較大的尺寸。

他們都應當被豎向排列，就像這裏：

enter image description here

我碰到此帖一：
http://jsfiddle.net/nBXNg/4/：
http://www.jakpsatweb.cz/css/css-vertical-center-solution.html

正如你可以在小提琴這裏看
它不能按預期工作

如果有人能幫助我，我會很高興。

來源

2013-02-14 NSAddict

沒有足夠的專家來回答這個問題，但我相信這些浮標正在消滅它。我用'inline-block'元素獲得了更多的成功，這些元素尊重'vertical-align''正確的方式'（沒有'table-cell'）。雖然'inline-block'自帶了惡魔... – akaIDIOT 2013-02-14 08:29:57

@akaIDIOT謝謝，但是也沒有工作：http://jsfiddle.net/nBXNg/5/ – NSAddict 2013-02-14 08:33:48

http://jsfiddle.net/nBXNg/ 8 /我提到的'正確的方式'意味着它應該被應用到需要對齊的元素，而不是它的父對象（所以：將它應用到'.greenBorder'確實可行，但是找到兩個對象之間的空白，例如）。 – akaIDIOT 2013-02-14 08:39:33

所有你需要做的就是將你的每個內容包裝到.container格。 Updated jsfiddle

來源

2013-02-14 08:37:50 Morpheus

太簡單了，我不敢相信我錯過了那個。非常感謝！ – NSAddict 2013-02-14 08:42:44

我們都只是人類:) – Morpheus 2013-02-14 08:43:38

兩個水平對齊，垂直居中的div

回答

相關問題