Html 在子div中垂直对齐文本

我正在尝试将

子
div中的文本垂直对齐到
父
div框的底部


有人能帮忙吗

谢谢

您需要像这样调整CSS：

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

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

您需要像这样调整CSS：

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

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

@Sarfraz先到了那里，所以我的补丁被保存为修订版4（减去浮动）
@Sarfraz先到了那里，所以我的补丁被保存为修订版4（减去浮动）
您还可以使用：

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

我有点喜欢这个，而不是复杂的CSS黑客（Sarfraz——老实说，即使开发人员天生就在做CSS，也需要读两遍）

当然，还有跨浏览器的含义。您可以决定是调试一个两行程序还是一堆CSS规则。
您还可以使用：

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

我有点喜欢这个，而不是复杂的CSS黑客（Sarfraz——老实说，即使开发人员天生就在做CSS，也需要读两遍）

当然，还有跨浏览器的含义。您可以决定是调试两行还是一堆CSS规则。
不能在同一个元素上使用float和position？不能在同一个元素上使用float和position？