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

用CSS+JS实现的进度条效果效果

Jun 05 Javascript

一个简单的Node.js异步操作管理器分享

Apr 29 Javascript

js/jquery判断浏览器的方法小结

Sep 02 Javascript

jQuery实现表单步骤流程导航代码分享

Aug 28 Javascript

基于AngularJS实现页面滚动到底自动加载数据的功能

Oct 16 Javascript

JavaScript中创建对象的模式汇总

Apr 19 Javascript

jQuery解析与处理服务器端返回xml格式数据的方法详解

Jul 04 Javascript

微信小程序 WXDropDownMenu组件详解及实例代码

Oct 24 Javascript

Bootstrap源码解读网格系统（3）

Dec 22 Javascript

简单实现jquery隔行变色

Nov 09 jQuery

详解javascript函数写法大全

Mar 25 Javascript

React组件对子组件children进行加强的方法

Jun 23 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

Views rows style模板重写代码

2011/05/16 PHP

php空间不支持socket但支持curl时recaptcha的用法

2011/11/07 PHP

是 WordPress 让 PHP 更流行了而不是框架

2016/02/03 PHP

TP5框架请求响应参数实例分析

2019/10/17 PHP

javascript的函数、创建对象、封装、属性和方法、继承

2011/03/10 Javascript

js列举css中所有图标的实现代码

2011/07/04 Javascript

Iframe实现跨浏览器自适应高度解决方法

2014/09/02 Javascript

浅析js预加载/延迟加载

2014/09/25 Javascript

jQuery中offset()方法用法实例

2015/01/16 Javascript

12种JavaScript常用的MVC框架比较分析

2015/11/16 Javascript

详解nodejs操作mongodb数据库封装DB类

2017/04/10 NodeJs

JavaScript数据结构中栈的应用之表达式求值问题详解

2017/04/11 Javascript

原生JS实现隐藏显示图片 JS实现点击切换图片效果

2021/01/27 Javascript

Vue2路由动画效果的实现代码

2017/07/10 Javascript

React进阶学习之组件的解耦之道

2017/08/07 Javascript

webpack热模块替换（HMR）/热更新的方法

2018/04/05 Javascript

vue 全局环境切换问题

2019/10/27 Javascript

微信小程序实现加入购物车滑动轨迹

2020/11/18 Javascript

Python itertools模块详解

2015/05/09 Python

tensorflow实现简单逻辑回归

2018/09/07 Python

详解python--模拟轮盘抽奖游戏

2019/04/12 Python

webapp字号大小跟随系统字号大小缩放的示例代码

2018/12/26 HTML / CSS

贝玲妃美国官方网站：Benefit美国

2016/08/28 全球购物

Missguided美国官网：英国时尚品牌

2018/01/18 全球购物

官方授权图形T恤和服装：Fifth Sun

2019/06/12 全球购物

澳大利亚二手奢侈品网站：Modsie

2019/09/23 全球购物

土木工程应届生自荐信

2013/09/24 职场文书

装饰资料员岗位职责

2013/12/30 职场文书

元旦活动感言

2014/03/08 职场文书

珍惜时间演讲稿

2014/05/14 职场文书

党员承诺书怎么写

2014/05/20 职场文书

安全在我心中演讲稿

2014/09/01 职场文书

单位法人授权委托书范本

2014/10/09 职场文书

教育项目合作协议书格式

2014/10/17 职场文书

Python使用OpenCV和K-Means聚类对毕业照进行图像分割

2021/06/11 Python

Pandas 稀疏数据结构的实现

2021/07/25 Python