html - 垂直对齐表格单元格中心的文本

Question

我知道之前在此站点上已经提出并回答过类似的问题，但不幸的是，没有一个答案能够提供帮助。

我需要我的文本在表格行的中心/底部垂直对齐。这是我的 CSS 文本:

h3 {
    vertical-align:bottom;
    font-weight: lighter;
    padding-top: 0px;
    background: url(images/bg3.jpg);
    background-repeat: no-repeat;
    background-position:left bottom;}

Answer 1

如果您的文本是单行，则使用 line-height = height:

h3 {
   height: 30px;
   line-height: 30px;
   display: inline-block;
}