转自原文:https://blog.csdn.net/sun_joey/article/details/79115669
在开发中,有时会有这样的需求,点击元素时显示某个table,一般这个时候我们第一时间想到的就是直接给table设置display为inline,但很抱歉,这样做table虽然显示了,但有很多问题,table里的元素布局出问题了。如:tr元素无法填满整个table(即tr的宽度小于table了),why?因为table的默认display为table,我们把display修改为inline,改变了其布局方式。
正确做法是
(1)把display设置为默认参数table;
(2)在table外层增加一个div,初始化时设置div的display为none,点击元素时div的display设置为inline。