テーブルタグ|文字の配置|たったこれだけタグ講座

Loading

スポンサードリンク

  1. 水平方向の配置について
  2. 水直方向の配置について
  3. 配置の組み合わせ

文字やデータは<table>の中の<td>に入力するわけですから、<td>に指定してやります。

文字を中央寄せにする

文字
<table border="1">
<tr>
<td align="center">文字</td>
</tr>
</table>

文字を右寄せにする

文字
<table border="1">
<tr>
<td align="right">文字</td>
</tr>
</table>

文字を左寄せにする

文字
<table border="1">
<tr>
<td align="left">文字</td>
</tr>
</table>

文字を中央寄せにする

文字
<table border="1">
<tr>
<td valign="middle">文字</td>
</tr>
</table>

文字を上寄せにする

文字
<table border="1">
<tr>
<td valign="top">文字</td>
</tr>
</table>

文字を下寄せにする

文字
<table border="1">
<tr>
<td valign="bottom">文字</td>
</tr>
</table>

配置の組み合わせ

参考までに

配置の組み合わせ表
  右寄 中央 左寄
<td align="right" valign="top"> <td align="center" valign="top"> <td align="left" valign="top">
中央 <td align="right" valign="middle"> <td align="center" valign="middle"> <td align="left" valign="middle">
<td align="right" valign="bottom"> <td align="center" valign="bottom"> <td align="left" valign="bottom">

スポンサードリンク