编程 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 相关文章推荐

如何判断图片地址是否失效

Feb 02 Javascript

(function($){...})(jQuery)的意思

Jul 22 Javascript

关于JS控制代码暂停的实现方法分享

Oct 11 Javascript

js获取本机的外网/广域网ip地址完整源码

Aug 12 Javascript

用原生JS获取CLASS对象(很简单实用)

Oct 15 Javascript

js与C#进行时间戳转换

Nov 14 Javascript

AngularJS基础 ng-mousemove 指令简单示例

Aug 02 Javascript

vue注册组件的几种方式总结

Mar 08 Javascript

Node.js的Koa实现JWT用户认证方法

May 05 Javascript

详解Angular6学习笔记之主从组件

Sep 05 Javascript

原生JS forEach()和map()遍历的区别、兼容写法及jQuery $.each、$.map遍历操作

Feb 27 jQuery

VUE+node（express）实现前后端分离

Oct 13 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

You might like

为什么那些咖啡爱好者大多看不上连锁咖啡店？

2021/03/06 咖啡文化

Phpstorm+Xdebug断点调试PHP的方法

2018/05/14 PHP

PHP正则验证字符串是否为数字的两种方法并附常用正则

2019/02/27 PHP

jQuery拖动图片删除示例

2013/05/10 Javascript

提高jQuery性能的十个诀窍

2013/11/14 Javascript

JavaScript1.6数组新特性介绍以及JQuery的几个工具方法

2013/12/06 Javascript

将json对象转换为字符串的方法

2014/02/20 Javascript

js实现按一下删除键删除整个单词附demo

2014/09/05 Javascript

javascript基本类型详解

2014/11/28 Javascript

Nodejs中读取中文文件编码问题、发送邮件和定时任务实例

2015/01/01 NodeJs

jQuery实现的超链接提示效果示例【附demo源码下载】

2016/09/09 Javascript

javascript 删除数组元素和清空数组的简单方法

2017/02/24 Javascript

微信小程序实战之自定义抽屉菜单（7）

2017/04/18 Javascript

微信JSAPI Ticket接口签名详解

2020/06/28 Javascript

Node.js实现连接mysql数据库功能示例

2017/09/15 Javascript

5 种JavaScript编码规范

2018/01/30 Javascript

AngularJS创建一个上传照片的指令实例代码

2018/02/24 Javascript

JS实现数组深拷贝的方法分析

2019/03/06 Javascript

JavaScript oncopy事件用法实例解析

2020/05/13 Javascript

Python字符串详细介绍

2015/05/09 Python

tensorflow训练中出现nan问题的解决

2018/02/10 Python

Python利用多线程同步锁实现多窗口订票系统(推荐)

2019/12/22 Python

Python基础之字符串操作常用函数集合

2020/02/09 Python

Flask中sqlalchemy模块的实例用法

2020/08/02 Python

python字典按照value排序方法

2020/12/28 Python

CSS3绘制不规则图形的一些方法示例

2015/11/07 HTML / CSS

生物技术专业毕业生求职信范文

2013/12/14 职场文书

英文演讲稿开场白

2014/08/25 职场文书

纪念一二九运动演讲稿

2014/09/16 职场文书

广告设计专业毕业生自我鉴定

2014/09/27 职场文书

写给医院的感谢信

2015/01/22 职场文书

保送生自荐信

2015/03/06 职场文书

2015年技术员工作总结

2015/04/10 职场文书

《藏戏》教学反思

2016/02/23 职场文书

手把手教你制定暑期学习计划，让你度过充实的暑假

2019/08/22 职场文书

使用php的mail()函数实现发送邮件功能

2021/06/03 PHP