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

JS array 数组详解

Mar 22 Javascript

JavaScript实现对下拉列表值进行排序的方法

Jul 15 Javascript

JavaScript事件类型中UI事件详解

Jan 14 Javascript

Javascript表单特效之十大常用原理性样例代码大总结

Jul 12 Javascript

VueJs路由跳转——vue-router的使用详解

Jan 10 Javascript

老生常谈jacascript DOM节点获取

Apr 17 Javascript

Vue 2.0入门基础知识之内部指令详解

Oct 15 Javascript

Vue精简版风格概述

Jan 30 Javascript

node中的cookie的具体使用

Sep 13 Javascript

JavaScript HTML DOM 元素 (节点)新增，编辑，删除操作实例分析

Mar 02 Javascript

vue2路由基本用法实例分析

Mar 06 Javascript

js对象属性名驼峰式转下划线的实例代码

Sep 17 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

MySQL授权问题总结

2007/05/06 PHP

基于MySQL体系结构的分析

2013/05/02 PHP

浅析PHP Socket技术

2013/08/02 PHP

thinkPHP下的widget扩展用法实例分析

2015/12/26 PHP

php5.3/5.4/5.5/5.6/7常见新增特性汇总整理

2020/02/27 PHP

jquery的ajax请求全面了解

2013/03/20 Javascript

Js表格万条数据瞬间加载实现代码

2014/02/20 Javascript

ExpressJS入门实例

2015/01/14 Javascript

javascript实现文字无缝滚动

2016/12/27 Javascript

Vue响应式原理深入解析及注意事项

2017/12/11 Javascript

webpack打包并将文件加载到指定的位置方法

2018/02/22 Javascript

详解如何更好的使用module vuex

2019/03/27 Javascript

Javascript数组及类数组相关原理详解

2020/10/29 Javascript

[04:48]DOTA2亚洲邀请赛林书豪为VGJ加油

2017/04/01 DOTA

Python数据分析之双色球统计两个红和蓝球哪组合比例高的方法

2018/02/03 Python

使用python生成目录树

2018/03/29 Python

python实现数独游戏 java简单实现数独游戏

2018/03/30 Python

Python math库 ln(x)运算的实现及原理

2019/07/17 Python

Pytorch 计算误判率,计算准确率,计算召回率的例子

2020/01/18 Python

Python中pyecharts安装及安装失败的解决方法

2020/02/18 Python

python实现程序重启和系统重启方式

2020/04/16 Python

CSS3实现苹果手机解锁的字体闪亮效果示例

2021/01/05 HTML / CSS

Sofft鞋官网：世界知名鞋类品牌

2017/03/28 全球购物

美国首屈一指的礼品篮供应商：GiftTree

2018/01/06 全球购物

新浪网技术部笔试题

2016/08/26 面试题

办公室前台的岗位职责

2013/12/20 职场文书

怎样写好自荐信和推荐信

2013/12/26 职场文书

怎样客观的做好自我评价

2013/12/28 职场文书

政治学求职信

2014/06/03 职场文书

学校实习推荐信

2015/03/27 职场文书

2016习总书记系列重要讲话心得体会

2016/01/15 职场文书

会议主持词通用版

2019/04/02 职场文书

导游词之青城山景区

2019/09/27 职场文书

Java循环队列与非循环队列的区别总结

2021/06/22 Java/Android

JVM钩子函数的使用场景详解

2021/08/23 Java/Android

Windows 11要来了？微软文档揭示Win11太阳谷 / Win10有两个不同版本

2021/11/21 数码科技