2011-08-21 65 views
0

我目前正在嘗試找出一種方法來垂直對齊div內的div,該div有動態高度,因爲它正在更改內容。垂直對齊div中間到動態高度

所以在這個jsFiddle是在左邊div的設置, 你有在一個固定寬度的包裝元素內的內容。旁邊的div是另一個div,這是一個圖像和div元素的包裝。右邊是絕對位置的元素。

理想的是,文本「這是一個圖像」垂直對齊左動態的中間部分。我想用CSS來做到這一點,但它似乎是不可能的......

你可以看看這個小提琴得到一些更多的信息 http://jsfiddle.net/36sfx/2/

回答

1

看來,只有這樣,才能做到這一點是顯示在div作爲表單元格。之前我曾多次試圖解決這個問題,而且之前我已經讀過這方面的技術限制。

+0

是不是有一種方法使用jQuery來弄清楚包裝div的高度,然後用css垂直對齊其他div到那個高度? –

+0

它可能與** javascript **,但它會打破許多佈局,要麼不支持JavaScript或不想在他們不知道的網站啓用它。而且網站的樣式也難以維護。 – Mario

+0

我想出了使用確實使用表格單元格,這個偉大的網站上的一些提示幫助我出去 http://css-tricks.com/snippets/css/center-div-with-dynamic-height/ http:///jsfiddle.net/36sfx/5/ –