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显示布局错乱问题的解决方法的全部内容了,希望对大家有所帮助,多多支持三水点靠木~

Javascript 相关文章推荐
IE autocomplete internet explorer's autocomplete
Jun 30 Javascript
javascripit实现密码强度检测代码分享
Dec 12 Javascript
简介JavaScript中substring()方法的使用
Jun 06 Javascript
JS拖拽插件实现步骤
Aug 03 Javascript
js阻止默认浏览器行为与冒泡行为的实现代码
May 15 Javascript
JavaScript轻松创建级联函数的方法示例
Feb 10 Javascript
js 数字、字符串、布尔值的转换方法(必看)
Apr 07 Javascript
深入理解JavaScript创建对象的多种方式以及优缺点
Jun 01 Javascript
CheckBox多选取值及判断CheckBox选中是否为空的实例
Oct 31 Javascript
微信小程序使用component自定义toast弹窗效果
Nov 27 Javascript
Angular.JS读取数据库数据调用完整实例
Jul 02 Javascript
通过扫小程序码实现网站登陆功能
Aug 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
利用js调用后台php进行数据处理原码
2006/10/09 PHP
PHP生成唯一的促销/优惠/折扣码(附源码)
2012/12/28 PHP
WordPress主题制作之模板文件的引入方法
2015/12/28 PHP
jquery ajax 检测用户注册时用户名是否存在
2009/11/03 Javascript
在js(jquery)中获得文本框焦点和失去焦点的方法
2012/12/04 Javascript
JavaScript验证电子邮箱的函数
2014/08/22 Javascript
jquery中post方法用法实例
2014/10/21 Javascript
jquery实现点击展开列表同时隐藏其他列表
2015/08/10 Javascript
深入解析JavaScript中函数的Currying柯里化
2016/03/19 Javascript
动态JavaScript所造成一些你不知道的危害
2016/09/25 Javascript
JS封装的三级联动菜单(使用时只需要一行js代码)
2016/10/24 Javascript
js拖拽功能实现代码解析
2016/11/28 Javascript
AngularJs中Bootstrap3 datetimepicker使用实例
2016/12/13 Javascript
javascript中replace使用方法总结
2017/03/01 Javascript
AngularJs定时器$interval 和 $timeout详解
2017/05/25 Javascript
JavaScript实现动态添加Form表单元素的方法示例
2017/08/14 Javascript
JS 中LocalStorage和SessionStorage的使用
2017/08/17 Javascript
浅谈Angular4中常用管道
2017/09/27 Javascript
解决vue中无法动态修改jqgrid组件 url地址的问题
2018/03/01 Javascript
Vue-cli@3.0 插件系统简析
2018/09/05 Javascript
element ui table 增加筛选的方法示例
2018/11/02 Javascript
js代码编写无缝轮播图
2020/09/13 Javascript
python-opencv在有噪音的情况下提取图像的轮廓实例
2017/08/30 Python
Scrapy基于selenium结合爬取淘宝的实例讲解
2018/06/13 Python
Python的numpy库下的几个小函数的用法(小结)
2019/07/12 Python
pycharm修改file type方式
2019/11/19 Python
Python简单实现词云图代码及步骤解析
2020/06/04 Python
django和flask哪个值得研究学习
2020/07/31 Python
"引用"与指针的区别是什么
2016/09/07 面试题
初一科学教学反思
2014/01/27 职场文书
市场营销专业毕业生求职信
2014/03/26 职场文书
县政府办公室领导班子对照检查材料思想汇报
2014/09/28 职场文书
学习十八届四中全会精神思想汇报
2014/10/23 职场文书
2015大学迎新晚会主持词
2015/07/16 职场文书
2019年国庆祝福语(70句)
2019/09/19 职场文书
Go 内联优化让程序员爱不释手
2022/06/21 Golang