嵌套div和文本居中?

时间:2012-01-15 06:12:24

标签: html css

我有一些类似于这个jsfiddle的html:http://jsfiddle.net/npbvm/

使用一些jquery,程序为每个div分配新的高度,以便外部div大于内部div。它还将div重新定位为在其父级中垂直居中(使用top) 问题是即使div与垂直中心对齐,它们包含的文本也不是。

有没有办法将所有包含的文本移动到div的垂直中心?

由于 最大

3 个答案:

答案 0 :(得分:0)

之前我做过类似的事情,尝试使用定位javascript函数。然后做这些行。它重新排列文本位置。

    $(".yourdivs").each(function(){
        $(this).css('height','');
        $(this).css('display','inline-block');
    });

答案 1 :(得分:0)

有很多方法可以实现这一点,每种方案都有其缺点。我认为在您的情况下,您可以使用line-height来移动文本。

答案 2 :(得分:0)

找到了解决方法。而不是做高度,并试图集中一切。我只是使用填充。它工作得更好,而且更清洁。

谢谢你的回答,
最大