|
テーブルの大きさは 通常 ブラウザが勝手に調節して セル内のデータが
うまくおさまるように表示しますので、 セル内のテキストは そのセルの
範囲内におさまるように 自動的に改行されてしまいます。
場合によっては 妙なところで改行されてしまいますので、文章の意味が
うまく伝わらないこともあります。
<th> もしくは <td> の タグに nowrap の属性を指定すると
セル内にある内容は 改行しないで表示されます。
では ちょっと下のテーブルを見比べてみてください。
| ごあいさつ |
はじめまして！ 徳島のmamohoと申します。よろしくね♪ |
上のテーブルは 幅300ピクセルで設定してあります。
それぞれのセルを改行しない設定にすると・・・
↓ ↓ ↓
| ごあいさつ |
はじめまして！ 徳島のmamohoと申します。よろしくね♪ |
上のテーブルも 同じく 幅300ピクセルですが、
改行しない設定にしてあるぶんだけ 幅が大きくなりました。
HTMLソースは こんな感じです。
<table width="300" border="1">
<tr>
<td nowrap>ごあいさつ</td>
<td nowrap>はじめまして！ 徳島のmamohoと申します。よろしくね♪</td>
</tr>
</table> |
また 他の例として
改行してほしくないテキストだってありますね。
| 住所 |
〒160-0023 東京都新宿区西新宿a-b-cc |
↓ ↓ ↓
| 住所 |
〒160-0023 東京都新宿区西新宿a-b-cc |
いかがでしょうか？
文章は 適度に改行しないといけませんが 場合によっては 改行すると
かえって解りづらいものもあります。 テーブルの場合 セルの中に入る
内容が
限られていますので、上手に見せるように工夫しないといけません。
そんなときは このタグをつかってみてください。
|
