今天遇到一个比较常见的问题，给一个老客户增加新功能，他的网站是采用table布局，在重整过程，发现div元素在table元素中使用隐藏style=’display:none;’不起作用了，原代码如下
以下是引用片段：
<div id="c">
<table>
<div id="c1">
<tr>
<td colspan="4"><input type="text" name="web1" />伟明设计 http://www.viming.com/</td>
</tr>
</div>
<div id="c2" style="display:none">
<tr>
<td colspan="4"><input type="text" name="web2" />明尚互联 https://www.hiheb.cn/</td>
</tr>
</div>
</table>
</div>
后来才发现，其实div和tr的相互嵌套是有问题。所以可以用tbody来代替实现。实现后的代码如下
| 以下是引用片段： <table id="c"> <tbody id="c1"> <tr> <td colspan="4"><input type="text" name="web1" />伟明设计 http://www.viming.com/</td> </tr> </tbody> <tbody id="c2" style="display:none"> <tr> <td colspan="4"><input type="text" name="web2" />明尚互联 https://www.hiheb.cn/</td> </tr> </tbody> </table> |
伟明设计总结：在table中使用隐藏效果，在table及tr标签设置好id，以tbody代替div，可以起作用。一个table是可以支持多个tbody的，进行分别隐藏。
石家庄网站建设公司－伟明网站设计,拥有专业设计团队为企业提供网站设计,网页制作,网址是www.viming.com.