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

学习YUI.Ext 第二天

Mar 10 Javascript

jquery下动态显示jqGrid以及jqGrid的属性设置容易出现问题的解决方法

Oct 22 Javascript

纯javascript实现自动发送邮件

Oct 21 Javascript

ES6所改良的javascript“缺陷”问题

Aug 23 Javascript

利用Angular.js限制textarea输入的字数

Oct 20 Javascript

JS给Array添加是否包含字符串的简单方法

Oct 29 Javascript

JavaScript数组去重的多种方法(四种)

Sep 19 Javascript

微信小程序之自定义组件的实现代码（附源码）

Aug 02 Javascript

javascript中call()、apply()的区别

Mar 21 Javascript

JavaScript如何借用构造函数继承

Nov 06 Javascript

基于JS+HTML实现弹窗提示是否确认提交功能

Jun 17 Javascript

微信小程序抽奖组件的使用步骤

Jan 11 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 代码优化之经典示例

2011/03/24 PHP

2014/12/01 PHP

Ext面向对象开发实践（续）

2008/11/18 Javascript

IE6下js通过css隐藏select的一个bug

2010/08/16 Javascript

JavaScript中:表达式和语句的区别[译]

2012/09/17 Javascript

页面实时更新时间的JS实例代码

2013/12/18 Javascript

angularjs客户端实现压缩图片文件并上传实例

2015/07/06 Javascript

jQuery实现淡入淡出二级下拉导航菜单的方法

2015/08/28 Javascript

JavaScript模拟push

2016/03/06 Javascript

Bootstrap Fileinput文件上传组件用法详解

2016/05/10 Javascript

javascript表单事件处理方法详解

2016/05/15 Javascript

深入理解JavaScript中的块级作用域、私有变量与模块模式

2016/10/31 Javascript

VueJs与ReactJS和AngularJS的异同点

2016/12/12 Javascript

angular.JS实现网页禁用调试、复制和剪切

2017/03/31 Javascript

JS中的多态实例详解

2017/10/15 Javascript

使用Vue写一个datepicker的示例

2018/01/27 Javascript

实例详解Vue项目使用eslint + prettier规范代码风格

2018/08/20 Javascript

详解Vue CLI3配置之filenameHashing使用和源码设计使用和源码设计

2018/08/31 Javascript

如何解决vue2.0下IE浏览器白屏问题

2018/09/13 Javascript

微信小程序仿抖音短视频切换效果的实例代码

2020/06/24 Javascript

javascript运行机制之执行顺序理解

2020/08/03 Javascript

JavaScript Html实现移动端红包雨功能页面

2021/01/10 Javascript

使用Python脚本对Linux服务器进行监控的教程

2015/04/02 Python

python实现向ppt文件里插入新幻灯片页面的方法

2015/04/28 Python

python中使用序列的方法

2015/08/03 Python

详解python的数字类型变量与其方法

2016/11/20 Python

python绘制双Y轴折线图以及单Y轴双变量柱状图的实例

2019/07/08 Python

python库matplotlib绘制坐标图

2019/10/18 Python

python中time包实例详解

2021/02/02 Python

保险公司晨会主持词

2014/03/22 职场文书

本科应届生自荐信

2014/06/29 职场文书

2014年财政所工作总结

2014/11/22 职场文书

2015年组织部工作总结

2015/04/03 职场文书

九年级语文教学反思

2016/03/03 职场文书

js实现上传图片到服务器

2021/04/11 Javascript

Python趣味挑战之实现简易版音乐播放器

2021/05/28 Python