2011-08-21 36 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/ –