保持元素的底部td

Question

我的td背景设置为底部。 我希望将h2标记放在该背景之上。但td的高度可能会从一个td变为另一个。

我期望的是下面的内容。 css有任何帮助可以吗？

感谢

Answer 1

在表格单元格上使用vertical-align: bottom，然后添加一些与背景高度相匹配的padding-bottom。

http://jsfiddle.net/SCqPp/

修改：如果您希望它位于背景的顶部 ，只需删除底部填充，如下所示：http://jsfiddle.net/wqAkF/

Answer 2

尝试将背景添加到h2元素（使用CSS）而不是td。然后在td上使用vertical-align: bottom强制它到底部。

http://jsfiddle.net/mblase75/Bxxx5/

td {
    vertical-align: bottom;
    text-align: center;
}
h2 {
    background-image: url(whatever.png);
}

Answer 3

只需在td背景图片的高度放置填充底部。

Answer 4

没有看到代码，很难说。但你可以使用

vertical-align:top;

代表td