保留td的底部

我有td，它的背景设置为底部。我想保留我的h2标签在该背景之上。但td的高度可能会从一个td更改为另一个。保留td的底部

我期望的是下面的东西。 css有帮助吗？

enter image description here 感谢

是什么，应该在H2和背景之间去？如果不是，那么在背景图片和h2中创建一个div，并将其放在需要的位置。你可以控制div的大小 – DefyGravity

css td valign =“bottom”并添加填充到底部的td上？ –

您是否希望将h2垂直放置在背景上方或背景上方的* z-index *上？你选择的单词是不明确的，尽管你的图像表明你的意思是前者。 – Blazemonger

尝试增加你的背景来h2元素（使用CSS），而不是到TD。然后在td上使用vertical-align: bottom强制它到底。

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

2011-11-16 15:29:34 Blazemonger

只要把底部填充的td背景图像的高度。

2011-11-16 15:15:42 deviousdodo

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

编辑：如果你想让它在背景之上坐，只是删除了底部填充，这样的：http://jsfiddle.net/wqAkF/

2011-11-16 15:15:45 Leo

我试过了，但是当td的高度发生变化时，h2会移开 –

您是使用display：inline-block还是使用浮动？ – ToddBFisher

我在那里添加了一个jsfiddle，所以你可以有一个工作的例子。 – Leo

在没有看到代码，很难说。但是，你很可能

vertical-align:top;

为td

2011-11-16 15:16:21

在他的情况下，'vertical-align：bottom;' –

回答