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

何かありましたら こちらの掲示板で 質疑応答をどうぞ |テーブルの目次へ| |総合目次へ|

[PR]子育てママさんへ:3年毎に15万円うけとれる保険?