解决table元素隐藏显示改变宽度的问题

2018年9月5日15:05:07 发表评论 阅读(2,891)
本文最后更新于2018年9月12日,已超过一年没有更新,如果文章内容或图片资源失效,请留言反馈,我们会及时处理,谢谢!

蒲公英在实现点击元素显示某个table元素的时候,显示的table表格中的元素布局会出现问题,比如其中的元素会改变宽度。

出现问题的配置为直接在table中设置display为none,然后点击元素改变其css为display:block,然后就可以显示表格了,但是这样显示的表格,正如上面所说,会出现一些问题,然后就想,如果把这个表格嵌套在一个块元素div里面,直接操作div的话,还会这样吗?试试就试试!

然后这样就没问题了。

效果如图:

解决table元素隐藏显示改变宽度的问题

改变之前

解决table元素隐藏显示改变宽度的问题

改变之后 

 

完。


 

weinxin
微信小程序
互联网开发,终身学习者,欢迎您的关注!
舍得

发表评论

不高兴 彩虹 吃瓜 丢翔 乖 滑稽 花心 惊哭 惊讶 挤眼 酷 伤心 帅吗? 礼物 玫瑰 怒 生气 喷 睡觉 太开心 小九九 啊
太阳 吐舌 委屈 笑眼 星星月亮 心碎 咦 阴险 疑问 真棒 偷笑 斜眼笑 震惊 略 哈欠 无奈哭 抠鼻 哼 期待 懒得理你 爱心 蜡烛