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

QQ登录简单实现代码

Mar 09 Javascript

javascript prototype原型操作笔记

Dec 07 Javascript

查询绑定数据岛的表格中的文本并修改显示方式的js代码

Dec 15 Javascript

js截取函数(indexOf,join等)

Sep 01 Javascript

Node.js实战建立简单的Web服务器

Mar 08 Javascript

有关JavaScript中call()和apply() 的一些理解

May 20 Javascript

jQuery针对input的class属性写了多个值情况下的选择方法

Jun 03 Javascript

JavaScript校验Number(4,1)格式的数字实例代码

Mar 13 Javascript

javascript实现对话框功能警告（alert 消息对话框）确认（confirm 消息对话框）

May 07 Javascript

node实现爬虫的几种简易方式

Aug 22 Javascript

Vue中fragment.js使用方法小结

Feb 17 Javascript

JavaScript 中判断变量是否为数字的示例代码

Oct 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制作静态网站的模板框架(一)

2006/10/09 PHP

laravel 时间格式转时间戳的例子

2019/10/11 PHP

js模拟弹出效果代码修正版

2008/08/07 Javascript

Prototype Array对象学习

2009/07/19 Javascript

jQuery 树形结构的选择器

2010/02/15 Javascript

根据一段代码浅谈Javascript闭包

2010/12/14 Javascript

jQuery 无限级菜单的简单实例

2014/02/21 Javascript

javascript日期格式化示例分享

2014/03/05 Javascript

jquery实现增加删除行的方法

2015/02/03 Javascript

JQ实现新浪游戏首页幻灯片

2015/07/29 Javascript

js如何打印object对象

2015/10/16 Javascript

jQuery实现放大镜效果实例代码

2016/03/17 Javascript

基于bootstrap插件实现autocomplete自动完成表单

2016/05/07 Javascript

JavaScript 获取元素在父节点中的下标(推荐)

2017/06/28 Javascript

Vue+ElementUI使用vue-pdf实现预览功能

2019/11/26 Javascript

jquery实现上传图片功能

2020/06/29 jQuery

vue 虚拟DOM的原理

2020/10/03 Javascript

理解python多线程（python多线程简明教程）

2014/06/09 Python

Python实现爬取知乎神回复简单爬虫代码分享

2015/01/04 Python

Python 处理数据的实例详解

2017/08/10 Python

Python中defaultdict与lambda表达式用法实例小结

2018/04/09 Python

Vue的el-scrollbar实现自定义滚动

2018/05/29 Python

使用CSS3的::selection改变选中文本颜色的方法

2015/09/29 HTML / CSS

赫里福德的一家乡村零售商店：Philip Morris & Son

2017/06/25 全球购物

英国家喻户晓的高街品牌：River Island

2017/11/28 全球购物

公司培训心得体会

2014/01/03 职场文书

11月红领巾广播稿

2014/01/17 职场文书

公务员综合考察材料

2014/02/01 职场文书

银行开业庆典方案

2014/02/06 职场文书

捐赠仪式主持词

2014/03/19 职场文书

2014年度个人工作总结范文

2015/03/09 职场文书

质检员工作总结2015

2015/04/25 职场文书

2015年党员公开承诺事项

2015/04/27 职场文书

私人贷款担保书该怎么写呢？

2019/07/02 职场文书

js中Object.create实例用法详解

2021/10/05 Javascript

详细聊聊浏览器是如何看闭包的

2021/11/11 Javascript