编程 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中的数学函数集合

May 08 Javascript

原来Jquery.load的方法可以一直load下去

Mar 28 Javascript

多种方法实现360浏览器下禁止自动填写用户名密码

Jun 16 Javascript

jQuery学习笔记之 Ajax操作篇（一） - 数据加载

Jun 23 Javascript

JavaScript中实现继承的三种方式和实例

Jan 29 Javascript

深入理解JavaScript系列（50）：Function模式（下篇）

Mar 04 Javascript

js读取并解析JSON类型数据的方法

Nov 14 Javascript

jQuery中设置form表单中action值的实现方法

May 25 Javascript

jQuery与JavaScript节点创建方法的对比

Nov 18 Javascript

vue2使用keep-alive缓存多层列表页的方法

Sep 21 Javascript

jQuery实现根据身份证号获取生日、年龄、性别等信息的方法

Jan 09 jQuery

element-ui带输入建议的input框踩坑(输入建议空白以及会闪出上一次的输入建议问题)

Jan 15 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采集速度探究总结（原创）

2008/04/18 PHP

php与php MySQL 之间的关系

2009/07/17 PHP

PHP 基于文件头的文件类型验证类函数

2012/05/01 PHP

解析linux下安装memcacheq(mcq)全过程笔记

2013/06/27 PHP

Linux系统下使用XHProf和XHGui分析PHP运行性能

2015/12/08 PHP

基于Web标准的UI组件 — 树状菜单(2)

2006/09/18 Javascript

Prototype ObjectRange对象学习

2009/07/19 Javascript

javascript innerText和innerHtml应用

2010/01/28 Javascript

关于jquery append() html时的小问题的解决方法

2010/12/16 Javascript

自动最大化窗口的Javascript代码

2013/05/22 Javascript

js图片自动轮播代码分享(js图片轮播)

2014/05/06 Javascript

Node.js中的process.nextTick使用实例

2015/06/25 Javascript

jQuery插件imgPreviewQs实现上传图片预览

2016/01/15 Javascript

JS代码实现百度地图画圆删除标注

2016/10/12 Javascript

JavaScript中关于iframe滚动条的去除和保留

2016/11/17 Javascript

利用jQuery实现一个简单的表格上下翻页效果

2017/03/14 Javascript

JavaScript数据结构学习之数组、栈与队列

2017/05/02 Javascript

JS实现队列的先进先出功能示例

2017/05/10 Javascript

jQuery除指定区域外点击任何地方隐藏DIV功能

2017/11/13 jQuery

js实现网页同时进行多个倒计时功能

2019/02/25 Javascript

深入理解react 组件类型及使用场景

2019/03/07 Javascript

使用apifm-wxapi模块中的问题及解决方法

2019/08/05 Javascript

详解json串反转义（消除反斜杠）

2019/08/12 Javascript

nuxt 每个页面head标签内容设置方式

2020/11/05 Javascript

在Angular项目使用socket.io实现通信的方法

2021/01/05 Javascript

在Python中的Django框架中进行字符串翻译

2015/07/27 Python

python里dict变成list实例方法

2019/06/26 Python

Django使用Jinja2模板引擎的示例代码

2019/08/09 Python

PyQt5中多线程模块QThread使用方法的实现

2020/01/31 Python

高三自我鉴定

2013/10/23 职场文书

党课学习思想汇报

2014/01/02 职场文书

经济管理毕业生求职信

2014/03/15 职场文书

《红军不怕远征难》教学反思

2014/04/14 职场文书

赔偿协议书范本

2014/04/15 职场文书

PostgreSQL存储过程实用脚本(二)：创建函数入门

2021/04/05 PostgreSQL

Mybatis-Plus进阶分页与乐观锁插件及通用枚举和多数据源详解

2022/03/21 Java/Android