
09−16 自動改行を制限する
■ 自動改行をさせないようにするには?
表の場合は,ブラウザが自動的に判断してデータを上手く各セルに納めてくれ
る。そのため,文章もブラウザが任意の場所で改行してしまう。
任意の場所で改行させないテクニックがこのページにある。
■ 任意の場所で改行させないテクニック
<th> や <td> タグに nowrapオプションを指定すればよい。
<th nowrap> , <td nowrap> などと指定する。
■ nowrapを指定した記述例と表示例
<table border width=25%>
<tr><th>名前</th>
<th>住所</th></tr>
<tr><td>佐藤正作</td>
<td nowrap>山形市大字片谷地<br>
399−55<br></td>
</tr>
</table>
| 名前 |
住所 |
| 佐藤正作 |
山形市大字片谷地
399−55
|
氏名が横にならず縦に表示されてしまった。自動改行の結果だ。
■ 氏名を横に表示させるには?
<td>佐藤正作</td> タグに, nowrap オプションを書き加える。
<td nowrap>佐藤正作</td> のように書き直す。
↓ 表示結果
| 名前 |
住所 |
| 佐藤正作 |
山形市大字片谷地
399−55
|
何かありましたら こちらの掲示板で 質疑応答をどうぞ
|テーブルの目次へ| |総合目次へ|