html表格隐藏行的方法：1、在表格的tr（行）标签中，使用style属性添加“display:none”样式；2、在表格的tr（行）标签中，使用style属性添加“visibility:hidden”样式。
本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。
<!DOCTYPE html> <html> <head> <Meta charset=utf-8> <style type=text/css> table { border-collapse: collapse; } td { border: 1px solid red; } </style> </head> <body> <table> <tr> <td>商品</td> <td>价格</td> </tr> <tr style=display: none;> <td>T恤</td> <td>￥100</td> </tr> <tr> <td>牛仔褂</td> <td>￥250</td> </tr> <tr> <td>牛仔库</td> <td>￥150</td> </tr> </table> </body> </html>
效果图：
2、tr（行）标签设置“visibility:hidden”样式
<!DOCTYPE html> <html> <head> <Meta charset=utf-8> <style type=text/css> table { border-collapse: collapse; } td { border: 1px solid red; } </style> </head> <body> <table> <tr> <td>商品</td> <td>价格</td> </tr> <tr style=visibility:hidden;> <td>T恤</td> <td>￥100</td> </tr> <tr> <td>牛仔褂</td> <td>￥250</td> </tr> <tr> <td>牛仔库</td> <td>￥150</td> </tr> </table> </body> </html>
效果图：
推荐教程：《html视频教程》
原文地址：https://www.jb51.cc/html/1206839.html
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
