 セル内のテキスト折り返し禁止 スタイルシート |
| ■ white-spaceプロパティ |
| white-spaceプロパティで、セル内のテキスト折り返し禁止を指定する、nowrap属性の代替指定ができます。 |
| また、white-spaceプロパティは、指定する要素に含まれる半角スペースやタブ、改行などの空白類文字の処理を指定します |
値
- normal
(空白文字類を半角スペースにまとめ、
行ボックスの横幅が満たされると折り返します。 )
- nowrap
(空白文字類を半角スペースにまとめ、
行内容は折り返しません。)
- pre
(空白文字類をそのまま表示し、行内容は折り返しません。)
|
| table要素関連要素では、値の pre は指定しません。 |
 ソース |
<table>
<tr><td style="white-space : nowrap ; ">1972年 7月12日生まれの人は、蟹座です。</td></tr>
</table>
|
|
 表 示 |
|
|
| 上記の表示例では、インラインフレームに、width="150" が指定してあります。 |
| 表示領域の横幅は、150ピクセルになり、テキストはそれを超える横幅がありますが、white-spaceプロパティ、値に nowrap が、セルに指定されていますので、折り返しが行われず、インラインフレームにスクロールバーが表示されています。 |
|
|
|
|
|
|
セル内のテキスト折り返し禁止
代替指定