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显示布局错乱问题的解决方法的全部内容了,希望对大家有所帮助,多多支持三水点靠木~

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