０９−１５ セル中の文字列の位置指定
■ セルの中の文字の位置を指定するには？
セルの中の文字を，上・下もしくは左・右方向に指定する。
セルの大きさに余裕が無ければ，指定は無視される。
■ 左右（水平）方向に調節して指定する
○ 左へ寄せて表示するには ａｌｉｇｎ＝ ｌｅｆｔ を使う。
○ 中央へ表示するには ａｌｉｇｎ＝ ｃｅｎｔｅｒ を使う。
○ 右へ寄せて表示するには ａｌｉｇｎ＝ ｒｉｇｈｔ を使う。
■ 左右（水平）方向に調節して指定する記述例と表示例
＜table border＞
＜tr＞＜th align=left＞南寄りの市＜/th＞＜th align=right＞北寄りの市＜/th＞
＜/tr＞
＜tr＞＜td align=left＞南陽市＜/td＞＜td align=right＞上山市＜/td＞＜/tr＞
＜tr align=center＞＜td＞米沢市＜/td＞＜td＞鶴岡市＜/td＞＜/tr＞
＜/table＞
＊ ＜tr align= **＞ は，指定した列の全てのセルに対して有効になる。
よって，セルの一つ一つに指示文を書く必要はない。
＊ ＜th align= **＞と＜td align= **＞はセルの一つ一つに指示文を書く。
■ 上下（垂直）方向に調節して指定する
○ 上へ寄せて表示するには ｖａｌｉｇｎ＝ ｔｏｐ を使う。
○ 中央へ表示するには ｖａｌｉｇｎ＝ ｍｉｄｄｌｅ を使う。
○ 下へ寄せて表示するには ｖａｌｉｇｎ＝ ｂｏｔｔｏｍ を使う。
■ 上下（垂直）方向に調節して指定する記述例と表示例
＜table border＞
＜tr＞＜th valign=top＞南寄りの市＜/th＞＜th valign=top＞北寄りの市＜/th＞
＜/tr＞
＜tr＞＜td valign=middle＞南陽市＜/td＞＜td valign=middle＞上山市＜/td＞＜/tr＞
＜tr valign=bottom＞＜td＞米沢市＜/td＞＜td＞鶴岡市＜/td＞＜/tr＞
＜/table＞
＊ ＜th valign= top＞ は，指定したとおり上の方に表示される。
＊ ＜valign= middle＞ と ＜valign= bottom＞ は，うまく表示されない。
■ 左右（水平）プラス 上下（垂直）方向に調節して指定する記述例と表示例
＜table border＞
＜tr align=left valign=top＞＜th＞南寄りの市＜/th＞＜th＞北寄りの市＜/th＞
＜/tr＞
＜tr align=center valign=middle＞＜td＞南陽市＜/td＞＜td＞上山市＜/td＞＜/tr＞
＜tr＞＜td＞米沢市＜/td＞＜td align=right valign=top＞鶴岡市＜/td＞＜/tr＞
＜/table＞
＊ ＜align= ＞ と ＜valign= ＞ の両方使うと，上手く表示される。
何かありましたら こちらの掲示板で 質疑応答をどうぞ
|テーブルの目次へ| |総合目次へ|