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

JQuery 学习笔记选择器之二

Jul 23 Javascript

基于JQuery.timer插件实现一个计时器

Apr 25 Javascript

两个Javascript小tip资料

Nov 23 Javascript

jquery ready函数、css函数及text()使用示例

Sep 27 Javascript

js结合正则实现国内手机号段校验

Jun 19 Javascript

微信小程序下拉刷新界面的实现

Sep 28 Javascript

vue组件tabbar使用方法详解

Nov 06 Javascript

js实现文字头像的生成代码

Mar 07 Javascript

JS Html转义和反转义（html编码和解码）的实现与使用方法总结

Mar 10 Javascript

微信小程序选择图片控件

Jan 19 Javascript

javascript的setTimeout()使用方法总结

Nov 20 Javascript

JS前端宏任务微任务及Event Loop使用详解

Jul 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

我的群发邮件程序

2006/10/09 PHP

PHP错误Cannot use object of type stdClass as array in错误的解决办法

2014/06/12 PHP

php中文验证码实现方法

2015/06/18 PHP

PHP递归删除多维数组中的某个值

2017/04/17 PHP

js制作的鼠标悬浮时产生的下拉框效果

2012/10/27 Javascript

node.js中RPC(远程过程调用)的实现原理介绍

2014/12/05 Javascript

node.js中的http.request.end方法使用说明

2014/12/10 Javascript

JavaScript中字符串(string)转json的2种方法

2015/06/25 Javascript

JavaScript面向对象之私有静态变量实例分析

2016/01/14 Javascript

大型JavaScript应用程序架构设计模式

2016/06/29 Javascript

Knockout结合Bootstrap创建动态UI实现产品列表管理

2016/09/14 Javascript

基于js实现的限制文本框只可以输入数字

2016/12/05 Javascript

jQuery zTree树插件简单使用教程

2017/01/10 Javascript

Vue.js鼠标悬浮更换图片功能

2017/05/17 Javascript

JavaScript Drum Kit 指南(纯 JS 模拟敲鼓效果)

2017/07/23 Javascript

jQuery实现弹幕特效

2019/11/29 jQuery

js数组的基本使用总结

2021/01/18 Javascript

[01:02:55]CHAOS vs Mineski 2019国际邀请赛小组赛 BO2 第二场 8.16

2019/08/18 DOTA

用Python从零实现贝叶斯分类器的机器学习的教程

2015/03/31 Python

python根据出生日期获得年龄的方法

2015/03/31 Python

用Python编写一个简单的Lisp解释器的教程

2015/04/03 Python

python进阶_浅谈面向对象进阶

2017/08/17 Python

Python File readlines() 使用方法

2018/03/19 Python

python3 实现验证码图片切割的方法

2018/12/07 Python

Python3几个常见问题的处理方法

2019/02/26 Python

python中比较两个列表的实例方法

2019/07/04 Python

详解python内置常用高阶函数(列出了5个常用的)

2020/02/21 Python

关于多元线性回归分析——Python&SPSS

2020/02/24 Python

使用 Python ssh 远程登陆服务器的最佳方案

2020/03/06 Python

python安装读取grib库总结(推荐)

2020/06/24 Python

详解python tkinter包获取本地绝对路径（以获取图片并展示）

2020/09/04 Python

护士演讲稿优秀范文

2014/04/30 职场文书

建设单位项目负责人任命书

2014/06/06 职场文书

四风查摆问题自查报告

2014/10/10 职场文书

销售2014年度工作总结

2014/12/08 职场文书

仓管员岗位职责范本

2015/04/01 职场文书