| <th nowrap> <td nowrap> |
|
|
通常、テーブルの大きさはブラウザが自動的に調整し、データを各セルにうまくおさめようとするため、セル内のテキストが長い場合には自動的に改行されてしまいます。 この自動的な改行をしないよう設定するには<th>、<td>タグにnowrap属性を指定します。nowrap属性を指定したときとしないときの違いを、下の例で比べてみてください。 |
| HTMLソース (nowrapを使用しない場合) | ブラウザ表示例 | ||||
|
<table border="1"> <tr> <th>商品</th><th>コメント</th> </tr> <tr> <td>EasyOrahoo</td> <td>ホームページを開設したいけれどHTMLやFTPといった難しいことが理解できない。ホームページは開設したけれど、更新が面倒。このようなことでお悩みの方に「Easy Orahoo」を使ったホームページ作成ツールをお勧め致します。作成・更新はWeb上で確認しながら作業を行うわけですが、この「Easy Orahoo」はホームページ更新に必要なすべての作業を、Web上だけで簡単に行うことができる画期的なツールです。</td> </tr> </table> |
|
||||
| HTMLソース(nowrapを使用した場合) | ブラウザ表示例 | ||||
|
<table border="1"> <tr> <th>商品</th><th align=left>コメント</th> </tr> <tr> <td nowrap>EasyOrahoo</td> <td nowrap>ホームページを開設したいけれどHTMLやFTPといった難しいことが理解できない。ホームページは開設したけれど、更新が面倒。このようなことでお悩みの方に「Easy Orahoo」を使ったホームページ作成ツールをお勧め致します。作成・更新はWeb上で確認しながら作業を行うわけですが、この「Easy Orahoo」はホームページ更新に必要なすべての作業を、Web上だけで簡単に行うことができる画期的なツールです。</td> </tr> </table> |
実行結果を別画面に表示します。クリックしてください。 |