<td nowrap>
セルの横幅がピクセルやパーセント指定されてセルの長さが固定されている場合でも、セル内に記入された文字はその大きさによっては自動的に改行されてしまいますが、これを解除する方法です。※分かりやすくするために枠を表示しています。
<td>タグに「nowrap」という属性を追加します。この属性が付加されたセルでは自動改行は行われません。ただし、文字の間に改行タグ<br>が挿入されている場合は改行されます。
記述例
<table border=”1″ width=”300″>
<tr>
<td nowrap>自動的に改行されない</td>
<td></td>
</tr>
</table>
<tr>
<td nowrap>自動的に改行されない</td>
<td></td>
</tr>
</table>
自動的に改行されない。自動的に改行されない。自動的に改行されない。 | 通常の文字は自動的に改行される |
※分かりやすくするために枠を表示しています。
HTML5ではtdタグに指定するnowrap属性は廃止となりました。CSSの「white-space」プロパティで指定してください。
見出しセル<th>にも設定可能です。
関連情報
- テーブルタグ一覧
-
- 表を挿入する
- 表の枠を指定する、または枠を消す
- 表全体の横幅をサイズ指定する
- 表全体の縦幅をサイズ指定する
- 表の罫線の幅をサイズ指定する
- 表のセル内の余白(マージン)を指定する
- 表全体の背景色を設定する
- 表全体の背景画像を設定する
- 表の表示位置を指定する
- 表の概要や要約を記入する
- 表題(表のタイトル)を記入する
- 行単位で背景色を設定する
- 行単位で背景画像を設定する (#)
- セルごとに横幅をサイズ指定する
- セルごとに縦幅をサイズ指定する
- セルごとに背景色を設定する
- セルごとに背景画像を指定する
- セル内に記入した文字の横方向の表示位置を指定する
- セル内に記入した文字の縦方向の表示位置を指定する
- 横方向にセルを結合する
- 縦方向にセルを結合する
- セル内で自動的に改行をさせない
- 表の見出しを指定する
- 表の構造を明確にする(グループ化する)