セル内のテキストの自動改行の扱いを指定
white-space: nowrap
| ① 右のセル 自動改行 禁止 | |
|---|---|
| 設定していないセル「自動改行」 | セル内の「自動折り返し」を禁止 |
| ② 両方のセル 指定なし | |
|---|---|
| 設定していないセル「自動折り返し」 | 設定していないセル「自動改行」 |
| ③ 両方のセル 自動改行 禁止 | |
|---|---|
| セル内の「自動折り返し」を禁止 | セル内の「自動折り返し」を禁止 |
heteml
【ちょ～簡単設置】初心者でもすぐ使える、無料アクセス解析の決定版！
ロリポップ！のドメインは選べる全８５種類！！
☆さくらのレンタルサーバ ビジネスプロ☆
サンプルソース
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>セル内の自動改行を禁止</title>
<style type="text/css">
<!--
.wrap-tbl {
width: 350px;
border: 1px green solid;
margin-bottom : 16px;
}
.wrap-tbl td,th{
border: 1px green solid;
font-size : 16px;
}
.td-Nwrap {
white-space: nowrap;
color : #8b0000;
}
-->
</style>
</head>
<body>
<table class="wrap-tbl">
<tr>
<th colspan="2">① 右のセル 自動改行 禁止</th>
</tr>
<tr>
<td>設定していないセル「自動改行」</td>
<td class="td-Nwrap">セル内の「自動折り返し」を禁止</td>
</tr>
</table>
<table class="wrap-tbl">
<tbody>
<tr>
<th colspan="2">② 両方のセル 指定なし</th>
</tr>
<tr>
<td>設定していないセル「自動折り返し」</td>
<td>設定していないセル「自動改行」</td>
</tr>
</tbody>
</table>
<table class="wrap-tbl">
<tbody>
<tr>
<th colspan="2">③ 両方のセル 自動改行 禁止</th>
</tr>
<tr>
<td class="td-Nwrap">セル内の「自動折り返し」を禁止</td>
<td class="td-Nwrap">セル内の「自動折り返し」を禁止</td>
</tr>
</tbody>
</table>
</body>
</html>white-space プロパティ
white-space は、テキスト内で半角スペース、タブ、改行や
自動改行の扱いを設定するプロパティです。
table要素の（th タグ、td タグ）に
セル内の自動折り返しを禁止することができます。
// 連続する半角スペースや改行は1つの半角スペースにして表示し、行の折り返しは、しません。
自動改行の扱いを設定するプロパティです。
table要素の（th タグ、td タグ）に
white-space: nowrap;を指定すると、セル内の自動折り返しを禁止することができます。
white-space: nowrap;// 連続する半角スペースや改行は1つの半角スペースにして表示し、行の折り返しは、しません。
white-space とは
IT用語辞典e-Wardより
印刷物やWebページ、プログラムのソースコードなどで、
文字や画像などが何も記されていない余白部分のこと。
また、文章中で字間や単語間、行頭や行末などに挿入される空白(文字)、および、
空白として表示される(HTMLなどにおける)特殊文字や記法などのこと。
例えば、HTMLファイル中に存在するスペース文字やタブ文字、改行コードなどは
ブラウザにおける表示上は一文字分の空白とみなされるほか、“ ”という実体参照を記述すると
そこにホワイトスペースを確実に挿入することができる。
印刷物やWebページ、プログラムのソースコードなどで、
文字や画像などが何も記されていない余白部分のこと。
また、文章中で字間や単語間、行頭や行末などに挿入される空白(文字)、および、
空白として表示される(HTMLなどにおける)特殊文字や記法などのこと。
例えば、HTMLファイル中に存在するスペース文字やタブ文字、改行コードなどは
ブラウザにおける表示上は一文字分の空白とみなされるほか、“ ”という実体参照を記述すると
そこにホワイトスペースを確実に挿入することができる。
ロリポップ！のドメインは選べる全８５種類！！
☆さくらのレンタルサーバ ビジネスプロ☆
HTML テーブル( 表 ) の作成。
テーブル table のセルを結合します。
table-layoutプロパティ CSS テーブル
Table cellIndexプロパティ、セルのインデックス値の取得
HTML DOM Table rows,cellsコレクション
テーブルの行、表示/非表示 javascript
テーブルの表題を固定してデータ部分だけをスクロールさせる。
テーブルの行の背景色を一行おきに変えます。 javascript
テーブルの行の文字色,背景色を変えてハイライトします。
