子div中的垂直对齐文本

Question

我正在尝试将child div中的文本垂直对齐到parent div框的底部。

http://jsfiddle.net/sUS8D/

有人可以帮忙吗？

谢谢，

Answer 1

Check out the DEMO

您需要像这样调整CSS：

.parent {
    float:left;
    width:200px;
    height:400px;
    border: solid 1px;   
    position:relative;
}

.child {
    vertical-align:bottom;
    bottom:0;
    position:absolute;
    right:0;
}

Answer 2

您也可以使用：

.child {
    display: table-cell;
    vertical-align: middle;
}

我更喜欢这个比复杂的CSS黑客（Sarfraz - 老实说，即使开发人员看着你的代码生成CSS也需要阅读它两次）。

当然，存在跨浏览器的含义。您决定是否要调试两行或丛林的CSS规则。

Answer 3

@Sarfraz首先到达那里，所以我的修复程序保存为修订版4 http://jsfiddle.net/sUS8D/4/（减去浮点数）