HTMLでtdタグを非表示にする方法

td タグを非表示にする方法: 1. 構文 "

" を使用して td タグに hidden 属性を設定します。 2. style 属性を使用して "display" を追加します。 :none" スタイルを td タグに追加します。構文は " " です。

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

そのようなフォームがあります:

<table border="1">
	<tr>
		<th>姓名</th>
		<th>年龄</th>
	</tr>
	<tr>
		<td>Peter</td>
		<td>20</td>
	</tr>
	<tr>
		<td>Lois</td>
		<td>20</td>
	</tr>
</table>

HTML で td タグを非表示にするにはどうすればよいですか?以下にその方法を紹介します。

方法 1: td タグに隠し属性を設定する

<table border="1">
	<tr>
		<th>姓名</th>
		<th>年龄</th>
	</tr>
	<tr>
		<td>Peter</td>
		<td hidden="hidden">20</td>
	</tr>
	<tr>
		<td>Lois</td>
		<td>20</td>
	</tr>
</table>

方法 2 : style 属性を使用して、「display:none;」スタイルを td タグに追加します

<table border="1">
	<tr>
		<th>姓名</th>
		<th>年龄</th>
	</tr>
	<tr>
		<td>Peter</td>
		<td>20</td>
	</tr>
	<tr>
		<td>Lois</td>
		<td style="display: none;">20</td>
	</tr>
</table>

推奨チュートリアル: 「html ビデオ チュートリアル##」 #"

以上がHTMLでtdタグを非表示にする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。