--.--
--
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

05.05
Fri
・テーブルをつかう


■ テーブル内の位置を変える2


前回は、テーブル内の位置を変える方法を学びました。
今回は、テーブル内のタテ位置を変える方法を学んでいきましょう。


今回はタテの位置を変える「valign」属性をつかってみましょう。


属性値には「top」「middle」「bottom」をいれます。


たとえばこの例をみてください。
valign="top"」としたとき:




(「<table border="1">
<tr><td valign="top">●</td></tr>
<tr><td valign="top">□</td></tr>
<tr><td valign="top">▲</td></tr>
</table>」と入力)
valign="middle"」としたとき:




(「<table border="1">
<tr><td valign="middle">●</td></tr>
<tr><td valign="middle">□</td></tr>
<tr><td valign="middle">▲</td></tr>
</table>」と入力)
valign="bottom"」としたとき:




(「<table border="1">
<tr><td valign="bottom">●</td></tr>
<tr><td valign="bottom">□</td></tr>
<tr><td valign="bottom">▲</td></tr>
</table>」と入力)
「別々の位置にしたとき:



(「<table border="1">
<tr><td valign="top">●</td></tr>
<tr><td valign="middle">□</td></tr>
<tr><td valign="bottom">▲</td></tr>
</table>」と入力)



このように文字のタテの位置を変えることができました。
次回はヨコ・タテの位置を同時に変えてみます
関連記事
スポンサーサイト

comment 0 trackback 0
トラックバックURL
http://oyedihawakisi.blog37.fc2.com/tb.php/154-ddfe26e2
トラックバック
コメント
管理者にだけ表示を許可する
 

 New Favorite blog Entries 最新記事 37サイト掲載中

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。