テーブルのセル内で自動的に改行をさせない

<td nowrap>

セルの横幅がピクセルやパーセント指定されてセルの長さが固定されている場合でも、セル内に記入された文字はその大きさによっては自動的に改行されてしまいますが、これを解除する方法です。※分かりやすくするために枠を表示しています。

<td>タグに「nowrap」という属性を追加します。この属性が付加されたセルでは自動改行は行われません。ただし、文字の間に改行タグ<br>が挿入されている場合は改行されます。

<table border=”1″ width=”300″>
<tr>
<td nowrap>自動的に改行されない</td>
<td></td>
</tr>
</table>

自動的に改行されない。自動的に改行されない。自動的に改行されない。

通常の文字は自動的に改行される

※分かりやすくするために枠を表示しています。

HTML5ではtdタグに指定するnowrap属性は廃止となりました。CSSの「white-space」プロパティで指定してください。

見出しセル<th>にも設定可能です。

WEB制作支援サイトのHTMLタグボードだからオススメできる厳選書籍です。私が読んでいない本はオススメしません。

created by Rinker

SBクリエイティブ

¥2,486 (2023/04/21 13:26:12時点 Amazon調べ-詳細)

最新情報をチェックしよう！