mamohoのＨＰ作成講座

mamohoのＨＰ作成講座

セル内の改行を禁止するには

●　セル内の改行を禁止するには

通常　テーブルの大きさはブラウザが自動的に認識してセル内のデータを
その幅にあわせてまとめてしまうため　文章が長かったりすると
勝手に改行させられてしまいます
そのため　製作者の意図とはちがったものになって表示されたりすることがあります
でも　これを　nowrap　の属性を入れることで　しないように設定することができます

では　実際にやってみましょう

○　nowrap　を指定していない場合
このテーブルには　nowrapの属性を指定していませんので勝手に改行されてしまいます　

上のテーブルのソースは

<table width="350"border="1" cellpadding="5">
<tr>
　<td bgcolor="#990033">
　<font color="color="#ffffff">○　nowrap　を指定していない場合</font>
　</td>
</tr>
<tr>
　<td>
このテーブルには　nowrapの属性を指定していませんので勝手に改行されてしまいます
　</td>
</tr>
</table>

では　今度は　nowrapの属性を指定して改行を禁止してみます

○　nowrap　を指定している場合
このテーブルには　nowrapの属性を指定していますので自動改行はありません　

同じ　テーブルの幅を　３５０ピクセルに設定していますが
改行を禁止しているので　広がっているのがわかりますね
このHTMLソースは

<table width="350" border="1" cellpadding="5">
<tr>
　<td bgcolor="#990033" nowrap>
　<font color="#ffffff">○　nowrap　を指定している場合</font>
　</td>
</tr>
　<td nowrap>このテーブルには　nowrapの属性を指定していますので自動改行はありません
　</td>
</tr>
</table>

© Rakuten Group, Inc.
X
Design a Mobile Site
スマートフォン版を閲覧 | PC版を閲覧
    Share by: