☰

HTML テーブルの内容を中央に配置するにはどうすればいいですか? 質問する

tag-icon • tag-icon html css html-table
HTML テーブルの内容を中央に配置するにはどうすればいいですか? 質問する

HTML を使用しており<table>、各セルのテキストを<td>中央に揃えたいと考えています。

テキストを水平方向と垂直方向に中央揃えにするにはどうすればいいですか?

ベストアンサー1

以下は CSS とインライン属性を使用した例ですstyle。

td 
{
    height: 50px; 
    width: 50px;
}

#cssTable td 
{
    text-align: center; 
    vertical-align: middle;
}
<table border="1">
    <tr>
        <td style="text-align: center; vertical-align: middle;">Text</td>
        <td style="text-align: center; vertical-align: middle;">Text</td>
    </tr>
</table>

<table border="1" id="cssTable">
    <tr>
        <td>Text</td>
        <td>Text</td>
    </tr>
</table>

http://jsfiddle.net/j2h3xo9k/

編集: このvalign属性は HTML5 では非推奨なので、使用しないでください。

おすすめ記事