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

javascript Ext JS 状态默认存储时间

Feb 15 Javascript

利用jQuery插件扩展识别浏览器内核与外壳的类型和版本的实现代码

Oct 22 Javascript

JavaScript获取onclick、onchange等事件值的代码

Jul 22 Javascript

Node.js中的流（Stream）介绍

Mar 30 Javascript

快速掌握WordPress中加载JavaScript脚本的方法

Dec 17 Javascript

Bootstrap Metronic完全响应式管理模板学习笔记

Jul 08 Javascript

常用的js验证和数据处理总结

Aug 02 Javascript

关于前后端json数据的发送与接收详解

Jul 30 Javascript

如何使用less实现随机下雪动画详解

Jan 02 Javascript

实用的Vue开发技巧

May 30 Javascript

微信小程序去除左上角返回键的实现方法

Mar 06 Javascript

weui上传多图片,压缩,base64编码的示例代码

Jun 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

You might like

PHP中通过ADO调用Access数据库的方法测试不通过

2006/12/31 PHP

php判断字符串在另一个字符串位置的方法

2014/02/27 PHP

php实现微信企业付款到个人零钱功能

2018/10/09 PHP

Laravel 默认邮箱登录改成用户名登录的实现方法

2019/08/12 PHP

phpstudy2020搭建站点的实现示例

2020/10/30 PHP

jQuery获取节点和子节点文本的方法

2014/07/22 Javascript

javascript中clipboardData对象用法详解

2015/05/13 Javascript

详解JS面向对象编程

2016/01/24 Javascript

不间断循环滚动效果的实例代码(必看篇)

2016/10/08 Javascript

JavaScript该如何学习怎样轻松学习JavaScript

2017/06/12 Javascript

JS 实现banner图片轮播效果(鼠标事件)

2017/08/04 Javascript

react-router browserHistory刷新页面404问题解决方法

2017/12/29 Javascript

一步步教会你微信小程序的登录鉴权

2018/04/09 Javascript

详解webpack import()动态加载模块踩坑

2018/07/17 Javascript

小程序指纹验证的实现代码

2018/12/04 Javascript

Vue.js上传图片到阿里云OSS存储的方法示例

2018/12/13 Javascript

使用layui 的layedit定义自己的toolbar方法

2019/09/18 Javascript

vue路由守卫,限制前端页面访问权限的例子

2019/11/11 Javascript

JavaScript随机数的组合问题案例分析

2020/05/16 Javascript

python多重继承实例

2014/10/11 Python

利用pyinstaller打包exe文件的基本教程

2019/05/02 Python

Pytorch to(device)用法

2020/01/08 Python

有关Tensorflow梯度下降常用的优化方法分享

2020/02/04 Python

HTML5中微数据概述及在搜索引擎中的使用举例

2013/02/07 HTML / CSS

小程序canvas中文字设置居中锚点

2019/04/16 HTML / CSS

巴黎一票通：The Paris Pass

2018/02/10 全球购物

中国跨境在线时尚零售商：Bellelily

2018/04/06 全球购物

Eclipse面试题

2014/03/22 面试题

什么是表空间(tablespace)和系统表空间(System tablespace)

2013/02/25 面试题

材料专业毕业生求职信

2014/02/26 职场文书

关爱残疾人标语

2014/06/25 职场文书

工作态度恶劣检讨书

2015/05/06 职场文书

交通安全月活动总结

2015/05/08 职场文书

经销商会议开幕词

2016/03/04 职场文书

Python基础之数据结构详解

2021/04/28 Python

MySQL 查询速度慢的原因

2021/05/25 MySQL