Bagaimana untuk menetapkan ketinggian baris dalam jadual html

Cara untuk menetapkan ketinggian baris dalam jadual HTML: 1. Tetapkan atribut ketinggian kepada elemen tr atau td, sintaks "

" 2. Gunakan atribut gaya kepada tr atau td Tambahkan gaya ketinggian pada elemen dengan sintaks " ".

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi HTML5, komputer Dell G3.

Kami mempunyai jadual berikut:

<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>

Bagaimana untuk menetapkan ketinggian baris jadual ini?

1 Dengan menetapkan atribut ketinggian pada elemen tr atau 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 elemen tr atau td Gaya

<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>

Pengesyoran berkaitan: "tutorial video html"

Atas ialah kandungan terperinci Bagaimana untuk menetapkan ketinggian baris dalam jadual html. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!