スタイルシート［CSS］/テーブル/表のレイアウト方法を指定する

table-layout は、表の表示方法を指定するプロパティです。

このスタイルはtable要素に適用できます。

table {
width: 300px;
table-layout: fixed;
}

table-layout	auto … （自動レイアウトを指定します）デフォルト
table-layout	fixed … （固定レイアウトを指定します）

■自動レイアウト（auto）
表全体のデータを読み込んでから表示を開始します。

■固定レイアウト（fixed）
1行目を読み込んだ時点でレイアウト（各セル幅のサイズ）を決定し、すぐに表示を開始します。

※fixed を指定する場合は、表全体の横幅を指定しておく必要があります。（必要に応じてセルの横幅も指定します）

使用例

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

<style type="text/css">

</style>

</head>
<body>

<table>
<tr>
<th>ホスティング</th>
<th>ホームページ制作</th>
</tr>
<tr>
<td>サーバーA社</td>
<td>WebデザインA社</td>
</tr>
</table>

</body>
</html>

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

ホスティング	ホームページ制作
サーバーA社	WebデザインA社

表のレイアウト方法を指定する

table-layout: ***;

使用例