js style.display=block显示布局错乱问题的解决方法
更新时间：2016年09月21日 07:31:24 投稿：jingxian
下面小编就为大家带来一篇js style.display=block显示布局错乱问题的解决方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
1、当表格为多列的情况下，属性为"display:block"行的内容宽度仅与第一列宽度相同，也就是说无论你使colspan的属性值为多少，剩余列的空间都不进行解析。
2、同一行反复的在"display:none;"与"display:block;"两个状态间切换时，表格的底部会持续的产生多余的空白空间以至于造成页面布局的扭曲。
解决方法：
1、用display:table-row属性来调试，发现者FireFox下正常了，但IE是不支持改属性的，怎么办呢？用JS来做判断，然后做兼容吧。
2、另外一个很简单也很可行的方法，就是用 display:' '这个属性dispaly后面不加任何的东西，很奇怪，这样就兼容了Firefox和IE了。具体原因有待牛人分析。
以上就是小编为大家带来的js style.display=block显示布局错乱问题的解决方法的全部内容了，希望对大家有所帮助，多多支持脚本之家~
相关文章
这篇文章主要为大家详细介绍了JS onkeypress兼容性的写法，感兴趣的小伙伴们可以参考一下2016-04-04
本文对比分析了javascript中的null和underfined的相同点和不同点，算是一个小小的总结，希望对大家学习javascript能够有所帮助。2015-07-07
这篇文章主要介绍了微信小程序新闻网站详情页的实例代码，本文给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2020-01-01
这篇文章主要给大家介绍了利用js如何求数组中全部数字可拼接出的最大整数，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友可以参考借鉴，下面随着小编一起来学习学习吧。2017-08-08
这篇文章主要介绍了浅析javascript中的事件代理，由一道面试题讲起，感兴趣的小伙伴们可以参考一下2015-11-11
下面小编就为大家分享一篇webpack-dev-server自动更新页面方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-02-02
这篇文章主要介绍了js 把字符串转成json对象的三种方法,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2023-04-04
本篇文章主要介绍了深入理解ES7的async/await的用法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-09-09
这篇文章主要为大家详细介绍了微信小程序实现留言板，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-11-11
PHP的数组函数in_array()非常方便，下面就为大家介绍下自定义类似php的js数组的in_array函数，具体实现方法如下，感兴趣的朋友可以参考下2013-12-12
最新评论