web-dev-qa-db-ja.com

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

表の中央とセルの下部にテキストを配置したいと思います。これどうやってするの？

これは私が欲しいものです：

enter image description here

htmlcsscss-tables
11
Suhail Gupta

CSS：

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

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

37
MikeM

valign = "bottom"が機能する可能性があります。

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

しかし、それは非推奨だと思います。

したがって、CSSで次のように実行する必要があります。

<td style="vertical-align:bottom;">your text</td>
3
sym3tri
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;を使用します。これらはあなたのテーブルに役立ちます。

0
Prerita Verma