このサイトついて

このサイトではホームページを
作りたいという方のために、
HTML・CSSの解説
便利なソフト・本などの紹介
レンタルサーバの紹介
などを行っています。

セル内のテキストの位置を設定したい

対応ブラウザ

使用するタグ：<tr align="▲" valign="●">～<tr>など

セル内のテキストの位置を設定したい場合は
<tr align="▲" valign="●">～<tr>
<th align="▲" valign="●">～<th>
<td align="▲" valign="●">～<td>で設定します。
alignは行揃え、valignは垂直方向をを指定します。 ▲と●には以下の値が記述されます。

▲の場合
　　・left･･･左揃え
　　・center･･･中央揃え
　　・right･･･右揃え
●の場合
　　・top･･･上
　　・middle･･･中央
　　・bottom･･･下

例

HTMLソース

<table  border="3" width="300">
<tr>
<td align="left" valign="top" height="100">左上</td>
<td align="center" valign="top">上中</td>
<td align="right" valign="top">右上</td>
</tr>
<tr>
<td align="left" valign="middle" height="100">左</td>
<td align="center" valign="middle">真中</td>
<td align="right" valign="middle">右</td>
</tr>
<tr>
<td align="left" valign="bottom" height="100">左下</td>
<td align="center" valign="bottom">下中</td>
<td align="right" valign="bottom">右下</td>
</tr>
</table>

↓

左上	上中	右上
左	真中	右
左下	下中	右下

戻る

このサイトついて

SPONSORED LINK

セル内のテキストの位置を設定したい