表のセルの中央下部にテキストを保持する

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;を使用します。これらはあなたのテーブルに役立ちます。