Rumah > Artikel > hujung hadapan web > html怎样实现table列隐藏
html怎样实现table列隐藏
- WBOYasal
- 2021-12-17 15:53:436174semak imbas
在html中，可以利用style属性给指定列的单元格元素添加“display:none”样式，实现隐藏table的列元素，语法为“5455b68c094c493e2e760ebbbb4fc9aa...96b2260bf469f5e9a987424161188230”。
本教程操作环境：windows10系统、HTML5版、Dell G3电脑。
html怎样实现table列隐藏
在html中想要实现隐藏table元素的指定列元素，可以利用style属性。
通过style属性给指定列元素的单元格添加display:none的样式就能够隐藏这个单元格，进而隐藏整个列。
语法为：
<指定列单元格元素标签 style="display:none">...</指定列单元格元素标签>
示例如下：
<html>
<head>
<meta charset="utf-8">
<title>123</title>
</head>
<body>
<table border="1">
<tr>
<th>Month</th>
<th style="display:none">Savings</th>
</tr>
<tr>
<td>January</td>
<td style="display:none">$100</td>
</tr>
<tr>
<td>February</td>
<td style="display:none">$50</td>
</tr>
</table>
</body>
</html>输出结果：
推荐教程：《html视频教程》
Atas ialah kandungan terperinci html怎样实现table列隐藏. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：ajax有什么用Artikel seterusnya：html5中让图片居中是哪个属性