TOPページ >  テーブルを作成する > テーブルの左右に文字/画像を回り込ませる

テーブルの左右に文字/画像を回り込ませる

align属性を指定して、テーブルの左右に文字や画像を回り込ませることができます。

運賃おとな210円
ことも110円
テーブルの左右に、文字や画像を回り込ませることができます。画像の左右に文字を回り込ませるのとほぼおなじ要領でできます。画像を貼り付ければ、画像も回り込みます。

このテーブルのソースは次のようになります。

<table border="1" width="50%" align="left">
<tr><td rowspan="2">運賃</td><td>おとな210円</td></tr>
<td>ことも110円</td></tr>
</table>
テーブルの左右に、文字や画像を回り込ませることができます。画像の左右に文字を回り込ませるのとほぼおなじ要領でできます。画像を貼り付ければ、画像も回り込みます。

『 left 』の部分を『 right 』にすれば、テーブルの左側に文字や画像を回り込ませることができます。


style指定で回り込みを指定することもできます。文字色や背景画像など他の指定も一括して記述できるので、こうした場合は alignで指定するよりもソースがすっきりするかもしれません。

<table border="1" width="50%" style="float:right;">
<tr><td rowspan="2">運賃</td><td>おとな210円</td></tr>
<td>ことも110円</td></tr>
</table>
テーブルの左右に、文字や画像を回り込ませることができます。画像の左右に文字を回り込ませるのとほぼおなじ要領でできます。画像を貼り付ければ、画像も回り込みます。

ソースはこんな感じになります。表示は align属性で指定したときと変わりません。

運賃おとな210円
ことも110円
テーブルの左右に、文字や画像を回り込ませることができます。画像の左右に文字を回り込ませるのとほぼおなじ要領でできます。画像を貼り付ければ、画像も回り込みます。

また、float で指定する場合は、『 left 』や『 right 』の代わりに、『 none 』(回り込みなし)を指定することもできます。

ランキングに参加中です! お役に立てたらクリックをお願いします→

同一カテゴリ内一覧
テーブルの余白などのスタイルを指定する
テーブル自動作成フォーム2
セル内の文字/画像の縦方向表示位置を指定する
セル内の文字/画像の横方向表示位置を指定する
セル内の余白を指定する
セルとセルの間隔を指定する
テーブルの背景画像を表示する
テーブルの背景色を指定する
テーブル枠の色を指定する
テーブルに枠をつける
テーブルの左右に文字/画像を回り込ませる
テーブルに表題をつける
セルのサイズを指定する
テーブルのサイズを指定する
テーブルに画像やボタンを表示する
横にまたがるセルを作る
縦にまたがるセルを作る
テーブルを作成する
テーブル自動作成フォーム
IEの方はこちらから当サイト ブックマークできます。
ランキング参加中!お役に立てたら クリックをお願いします。
当サイト掲載カテゴリは
Yahoo! JAPAN コンピュータとインターネット > データ形式 > HTML > リファレンス