情報リテラシ2009 - 13

| back | 01 | 02 | 03 | 04 | 05 | 06 | next |

■ セルの内容を横方向にレイアウトする。
  • align="left"
  • align="center"
  • align="right"
左揃え(標準) 中央揃え 右揃え
<table width="600" border="1" cellspacing="15" cellpadding="3" align="center">
<tr>
<td align="left" width="33%">左揃え(標準)</td>
<td align="center" width="33%">中央揃え</td>
<td align="right" width="33%">右揃え</td>
</tr>
</table>

 

■ セルの内容を縦方向にレイアウトする。
  • valign="top"
  • valign="middle"
  • valign="bottom"
上揃え 中央揃え(標準) 下揃え
<table width="558" border="1" cellspacing="15" cellpadding="3" align="center" height="100">
<tr>
<td valign="top" width="33%">上揃え</td>
<td valign="middle" width="33%">中央揃え(標準)</td>
<td valign="bottom" width="33%">下揃え</td>
</tr>
</table>