编程 Javascript

js style.display=block显示布局错乱问题的解决方法

Posted in Javascript onSeptember 21, 2016

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 style.display=block显示布局错乱问题的解决方法

- Author -

jingxian

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

IE autocomplete internet explorer's autocomplete

Jun 30 Javascript

javascripit实现密码强度检测代码分享

Dec 12 Javascript

简介JavaScript中substring()方法的使用

Jun 06 Javascript

JS拖拽插件实现步骤

Aug 03 Javascript

js阻止默认浏览器行为与冒泡行为的实现代码

May 15 Javascript

JavaScript轻松创建级联函数的方法示例

Feb 10 Javascript

js 数字、字符串、布尔值的转换方法(必看)

Apr 07 Javascript

深入理解JavaScript创建对象的多种方式以及优缺点

Jun 01 Javascript

CheckBox多选取值及判断CheckBox选中是否为空的实例

Oct 31 Javascript

微信小程序使用component自定义toast弹窗效果

Nov 27 Javascript

Angular.JS读取数据库数据调用完整实例

Jul 02 Javascript

通过扫小程序码实现网站登陆功能

Aug 22 Javascript

JS封装的选项卡TAB切换效果示例

Sep 20 #Javascript

jquery radio的取值_radio的选中_radio的重置方法

Sep 20 #Javascript

JS获取鼠标相对位置的方法

Sep 20 #Javascript

jQuery flip插件实现的翻牌效果示例【附demo源码下载】

Sep 20 #Javascript

jQuery图片前后对比插件beforeAfter用法示例【附demo源码下载】

Sep 20 #Javascript

AngularJS删除路由中的#符号的方法

Sep 20 #Javascript

jQuery实现输入框邮箱内容自动补全与上下翻动显示效果【附demo源码下载】

Sep 20 #Javascript