温馨提示  2024年 6月我们已经停止开发者板块文章内容更新,谢谢来访。存档数据
知识 2023-08-28 34 次阅读

html实现table列隐藏的方法是什么

   

在html中,可以利用style属性给指定列的单元格元素添加“display:none”样式,实现隐藏table的列元素,语法为“<指定列单元格元素标签>...</指定列单元格元素标签>”。

本教程操作环境windows10系统、html5版、dell g3电脑。

html实现table列隐藏

在html中想如果要实现隐藏table元素的指定列元素,可以利用style属性。

通过style属性给指定列元素的单元格添加display:none的样式就能够隐藏这个单元格,进而隐藏整个列。

语法为

<指定列单元格元素标签>...</指定列单元格元素标签>

示例如下

<html><head> <meta charset=utf-8> <title>123</title> </head><body><table border=1> <tr> <th>month</th> <th>savings</th> </tr> <tr> <td>january</td> <td>$100</td> </tr> <tr> <td>february</td> <td>$50</td> </tr></table></body></html>

输出结果

推荐教程《html视频教程》

的方法是什么