需要实现以下图的效果：
比较符合表格样式，但是对于table标签进行展开、收缩的开销不是很大吗？那这种情况应该使用什么标签比较好？
另外什么时候才需要用<table>标签呢？display:table和<table>的差异在哪里？小白求解答。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
5
561
![ThinkPHP5快速开发企业站点[全程实录]](https://img.php.cn/upload/course/000/000/068/6253d918a3ce7278.png)
收藏
嵌套一个子table或者p，展开和隐藏直接用css控制display为none或者block就可以了。
CSS有兼容性，table不符合语义化，看着办，
个人感觉这里用ul li比较好
display为table,不好用，挺麻烦的，刚才试了一下。并且这样容易给其他开发人员误导，建议不好那样使用。
查了一下资料，发现如果是数据类的表格可以用table标签，如果只是单纯为了展示表格分栏的样式，则无需采用table，可使用display:table或者display:flexbox去实现。
从语义化的角度，展现形式为表格的建议用table。
<table> 标签定义 HTML 表格。
display: table; 指定对象作为块元素级的表格, 类同于html标签<table>