227902 ランダム
 ホーム | 日記 | プロフィール 【フォローする】 【ログイン】

とある日常

とある日常

テーブルを縦に並べる

■ テーブルをタテに並べる


●○
●○


今回はテーブルがこのようにタテに並んでいます。
まずは前回と同じようにイメージしてみましょう。

イメージとしては
<table><tr><td> ●○ </td></tr><tr><td> ●○ </td></tr></table>

という感じになります。

一度「tr」で区切り、2行にしてしまうのです。
こうすれば、タテにテーブルを並べることができるのです。

これをきちんと書くとこんな感じ。

<table>
<tr><td>
<table border="1" bgcolor="#ffcc99"><tr><td>●</td><td>○</td></tr></table>
</td></tr>
<tr><td>
<table border="1" bgcolor="#ffcc99"><tr><td>●</td><td>○</td></tr></table>
</td></tr>
</table>


●○
●○


前回と同じような考えで「tr」を増やせば、タテに並べるテーブルの数が増やせます。

© Rakuten Group, Inc.