如何对齐标签底部的文本

Question

我有问题要将标签中的文字放到标签的底部.

我正在制作一个下降文字的动画,标签看起来"应该"掉落,但是文字保持在顶部,它没有跟随标签向下.请检查此jsfiddle,按按钮查看问题.我没有想出一个有效的解决方案,尝试了很多不同的方法.

http://jsfiddle.net/kaze72/jQ6Ua/

.uppgifter
{
    vertical-align: text-bottom;
}

似乎没有帮助!

Answer 1

你可以试试

.uppgifter
{
    display: table-cell;
    vertical-align: bottom;
    background-color: yellow;
}

jsFiddle

更新了 jsFiddle，以便方法.uppgifter中的高度与的高度相匹配。animate#spelplan