将文本保存在表格单元格的中心底部

Question

我想将文本放在表格中心和单元格底部。我怎么能这样做？

这就是我想要的：

Answer 1

CSS：

td {vertical-align:bottom;text-align:center;}

示例：http://jsfiddle.net/vKPG8/

Answer 2

valign =“bottom”可能有用。

http://www.w3schools.com/tags/att_td_valign.asp

但我认为这已被弃用。

所以你应该在CSS中使用：

<td style="vertical-align:bottom;">your text</td>

Answer 3

table, th, td {
	  border: 1px solid black;
	  border-collapse: collapse;
}
td{
  vertical-align:bottom;
  text-align:center;
  }

<table>
  <tr>
    <td rowspan="3" width="100%">bottom and center</td>
   </tr>
   <tr>
    <td rowspan="1">TOTAL</td>
   </tr>
   <tr>
    <td rowspan="1">TOTAL</td>
   </tr>
</table>

					    	

使用样式vertical-align：bottom; text-align：center;这些对您的餐桌很有帮助。