セル内で自動改行させない


white-space: nowrap;

ブラウザ
Internet Explorer5.5 Netscape6 Firefox Opera
参考
書式基本 要素名 クラス ID

white-space は、改行、半角スペース、タブの扱いを指定するプロパティです。このプロパティの値に nowrap を指定すると、自動改行(折り返し)を禁止することができます。

セル内の自動改行を禁止する場合は、td要素やth要素にこのスタイルを設定します。


#example {
white-space: nowrap;
}


white-space normal … (標準)デフォルト
nowrap … (自動改行を禁止します)

※上記の他に pre という値がありますが、ここでは使用しないので省いています。
white-space プロパティに関する詳細は、テキスト・フォントカテゴリーの「改行やスペースの扱いを指定する」をご覧ください。


使用例

<html>
<head>
<title>TAG index Webサイト</title>

<style type="text/css">
<!--

table, td { border: 2px #2b2b2b solid; }
table { width: 300px; }


#example { white-space: nowrap; }

-->
</style>

</head>
<body>

<table>
<tr>
<td id="example">ホームページ制作サービス</td>
<td>ホームページ制作サービス</td>
</tr>
</table>

</body>
</html>

これをブラウザで見ると次のように表示されます

ホームページ制作サービス ホームページ制作サービス


[特集] レンタルサーバー比較 & サーバー選びのチェックポイント
[統計] HTMLからXHTMLへの移行を進めていますか?