CSS では、display 属性を使用してテーブルを非表示にできます。tr 要素に「display:none」スタイルを設定するだけです。表示属性は、レイアウトを確立するときに要素によって生成される表示ボックスのタイプを定義するために使用されます。値が none の場合、要素は表示されず、ドキュメント フローから分離され、実際のスペースを占有しないことを意味します。
このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。
新しい HTML ファイルを作成し、test.html という名前を付けます。test.html ファイル内で、table タグを使用して 3 行 2 列のテーブルを作成します。
test.html ファイルで、2 行目の id 属性を mytarget に設定し、CSS を使用して以下を非表示にします。
<body>
<table border="1">
<tr>
<td>19999</td>
<td>19999</td>
</tr>
<tr id="mytarget">
<td>19999</td>
<td>19999</td>
</tr>
<tr>
<td>19999</td>
<td>19999</td>
</tr>
</table>
</body>css タグで、table を通じてテーブルの幅を 280px、高さを 180px に設定します。 ID を使用してテーブルの 2 行目のスタイルを設定し、表示属性を none に設定して非表示にします。
<style>
table{
width: 280px;
height: 180px;
}
#mytarget{
display:none;
}
</style>ブラウザで test.html ファイルを開いて効果を確認します。
推奨学習: css ビデオ チュートリアル
以上がCSSでテーブルを非表示にする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
