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

onkeydown事件解决按回车键直接提交数据的需求

Apr 11 Javascript

非jQuery实现照片散落桌子上，单击放大的LightBox效果

Nov 28 Javascript

JavaScript中操作Mysql数据库实例

Apr 02 Javascript

JavaScript的String字符串对象常用操作总结

May 26 Javascript

JS实现浏览器打印、打印预览示例

Feb 28 Javascript

jQuery扇形定时器插件pietimer使用方法详解

Jul 18 jQuery

JS实现图片手风琴效果

Apr 17 Javascript

react实现菜单权限控制的方法

Dec 11 Javascript

Vue2.0学习之详解Vue 组件及父子组件通信

Dec 12 Javascript

bootstrap table表格插件之服务器端分页实例代码

Sep 12 Javascript

详解关于Vue版本不匹配问题(Vue packages version mismatch)

Sep 17 Javascript

node.js实现上传文件功能

Jul 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，不用COM，生成excel文件

2006/10/09 PHP

一个更简单的无限级分类菜单代码

2007/01/16 PHP

修改php.ini不生效问题解决方法(上传大于8M的文件)

2013/06/14 PHP

一个简单的php加密解密函数(动态加密)

2013/06/19 PHP

php使用google地图应用实例

2014/12/31 PHP

最准确的php截取字符串长度函数

2015/10/29 PHP

php ajax实现文件上传进度条

2016/03/29 PHP

input、button的不同type值在ajax提交表单时导致的陷阱

2009/02/24 Javascript

jQuery获取css z-index在各种浏览器中的返回值

2010/09/15 Javascript

Node.js实现简单聊天服务器

2014/06/20 Javascript

解决jquery版本冲突的有效方法

2014/09/02 Javascript

javascript中this指向详解

2016/04/23 Javascript

JQuery异步提交表单与文件上传功能示例

2017/01/12 Javascript

详解微信小程序Radio选中样式切换

2017/07/06 Javascript

vue弹窗消息组件的使用方法

2020/09/24 Javascript

vue filters的使用详解

2018/06/11 Javascript

利用Vconsole和Fillder进行移动端抓包调试方法

2019/03/05 Javascript

微信小程序自定义多列选择器使用详解

2019/06/21 Javascript

vue服务端渲染操作简单入门实例分析

2019/08/28 Javascript

Django admin美化插件suit使用示例

2017/12/12 Python

Python numpy实现数组合并实例(vstack,hstack)

2018/01/09 Python

python 函数的缺省参数使用注意事项分析

2019/09/17 Python

python中利用matplotlib读取灰度图的例子

2019/12/07 Python

关于Pytorch MaxUnpool2d中size操作方式

2020/01/03 Python

PyCharm刷新项目(文件)目录的实现

2020/02/14 Python

完美解决Django2.0中models下的ForeignKey()问题

2020/05/19 Python

美国当红的名品折扣网：Gilt Groupe

2016/08/15 全球购物

迪卡侬(Decathlon)加拿大官网：源自法国的运动专业超市

2020/11/22 全球购物

颇特女士：NET-A-PORTER（直邮中国）

2020/07/11 全球购物

工程造价管理专业大专生求职信

2013/10/06 职场文书

职业规划书如何设计？

2014/01/09 职场文书

见习期自我鉴定范文

2014/03/19 职场文书

杨善洲观后感

2015/06/04 职场文书

三八节活动主持词

2015/07/04 职场文书

2016年母亲节寄语

2015/12/04 职场文书

详解python字符串驻留技术

2021/05/21 Python