HTMLテーブルで行の高さを設定する方法

HTML テーブルで行の高さを設定する方法: 1. height 属性を tr または td 要素に設定します (構文 "

"; 2. style 属性を tr または td 要素に設定します。 td 「 」という構文を使用して、要素に高さスタイルを追加します。

このチュートリアルの動作環境: Windows 7 システム、HTML5 バージョン、Dell G3 コンピューター。

次のテーブルがあります:

<table border="1">
	<tr>
		<th>商品</th>
		<th>价格</th>
	</tr>
	<tr>
		<td>T恤</td>
		<td>￥100</td>
	</tr>
	<tr>
		<td>牛仔褂</td>
		<td>￥250</td>
	</tr>
	<tr>
		<td>牛仔库</td>
		<td>￥150</td>
	</tr>
</table>

このテーブルの行の高さを設定するにはどうすればよいですか?

1. height 属性を tr または td 要素に設定します

<table border="1">
	<tr>
		<th>商品</th>
		<th>价格</th>
	</tr>
	<tr height="100">
		<td>T恤</td>
		<td>￥100</td>
	</tr>
	<tr>
		<td height="50">牛仔褂</td>
		<td>￥250</td>
	</tr>
	<tr>
		<td>牛仔库</td>
		<td>￥150</td>
	</tr>
</table>

##2. style 属性を使用して、tr 要素に高さのスタイルを追加しますまたは td 要素

<table border="1">
	<tr>
		<th>商品</th>
		<th>价格</th>
	</tr>
	<tr style="height: 50px;">
		<td>T恤</td>
		<td>￥100</td>
	</tr>
	<tr>
		<td style="height: 60px;">牛仔褂</td>
		<td>￥250</td>
	</tr>
	<tr>
		<td>牛仔库</td>
		<td>￥150</td>
	</tr>
</table>

関連する推奨事項: 「

html ビデオ チュートリアル 」

以上がHTMLテーブルで行の高さを設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。