HTML表格隐藏内容的方法：1、给表格元素tr、th或td设置hidden属性，语法“<元素名 hidden=\”hidden\”>”；2、给表格元素tr、th或td添加“display: none;”样式。
本教程操作环境：windows7系统、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><tr><td>Lois</td><td>20</td></tr><tr><td>Peter</td><td>20</td></tr></table>
想要隐藏HTML表格的内容要怎么做？下面给大家介绍几种方法。
1、给表格元素设置hidden属性
<table border=\”1\”><tr><th>姓名</th><th>年龄</th></tr><tr hidden=\”hidden\”><td>Peter1</td><td>20</td></tr><tr><td>Lois1</td><td hidden=\”hidden\”>20</td></tr><tr><td>Peter2</td><td>20</td></tr><tr><td>Lois2</td><td>20</td></tr></table>
2、给表格元素添加display: none;样式
<table border=\”1\”><tr><th>姓名</th><th>年龄</th></tr><tr><td>Peter1</td><td>20</td></tr><tr><td>Lois1</td><td>20</td></tr><tr><td>Peter2</td><td>20</td></tr><tr><td>Lois2</td><td>20</td></tr></table>
推荐教程：《html视频教程》
更多关于云服务器，域名注册，虚拟主机的问题，请访问西部数码官网：www.west.cn
