html表格行怎麼隱藏

隱藏表格行的方法：1、在tr標籤中使用hidden屬性，語法「

」；2、在tr標籤中使用style屬性，加上「display: none」樣式，語法「 」。

本教學操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。

html中隱藏表格行的方法

#方法1：在tr標籤中使用hidden屬性

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

效果圖：

#方法2：在tr標籤中使用style屬性，新增「display: none;」樣式

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

效果圖：

推薦教學：html影片教學、css影片教學

以上是html表格行怎麼隱藏的詳細內容。更多資訊請關注PHP中文網其他相關文章！