Table内の文字の位置を変えるには

質問

<table>
<td rowspan="4">テスト</td>
<td>AAA</td>
</tr>
<tr>
<td>BBB</td>
</tr>
</table>

このコードを打ち込むとテストの位置がAAAとBBBの間の高さになりますが、
テストの高さをAAAと同じ位置に表示することはできますか？

回答No.4

pasocom · ベストアンサー

<table>
<td rowspan=2 valign=top>テスト</td>
<td>AAA</td>
</tr>
<tr>
<td>BBB</td>
</tr>
</table>

でいいんじゃない？。
ただし、セルの高さによっては微妙にずれるけど・・・。

<table>
<td>テスト</td>
<td>AAA</td>
</tr>
<tr>
<td></td><td>BBB</td>
</tr>
</table>

こんなふうに空白のセルを作れば必ず揃うね。

お礼

回答ありがとうございました。

回答No.5

ORUKA1951

多くのブラウザでは、セル内の中央に配置されます。
+--------+---------+---------
|　　　　　　　|あいうえお|
|あいうえお|---------+
|　　　　　　　|あいうえお|あいうえお
|--------|----------|
|あいうえお|あいうえお|
|--------|----------+----------
となります。

スタイルシートで、td{vertical-align:top;}とすると良いでしょう。

お礼

回答ありがとうございました。

回答No.3

DrFell

<table>
<td rowspan="4" style="vertical-align:top;">テスト</td>
<td>AAA</td>
</tr>
<tr>
<td>BBB</td>
</tr>
</table>

vertical-alignで行方向の揃え方を指定できます。有効なのは、インライン要素とテーブルセルです。

●vertical-alignスタイルシートリファレンス
http://www.htmq.com/style/vertical-align.shtml

お礼

回答ありがとうございました。

回答No.2

torayoshi

rowspan="4"は他の要素を省略かなんかしたんでしょう、たぶん。
マークアップ以外はCSSでやらないと怒られますよ（笑）
縦方向揃えは該当のセルに対しvertical-alignプロパティで。

お礼

回答ありがとうございました。

回答No.1

noname#158634

http://www.tohoho-web.com/html/td.htm

というかrowspan="4"っておかしいでしょ。

お礼

回答ありがとうございました。