IE9 表格错位bug

最近做项目的时候,出现一个只在原生IE9(非模拟)下的bug。

bug图片如下:

以上两个模块的html代码和样式都是一样的,然而下面的显示却出现了各种对齐的bug。

用IE9的调试器查看,代码完全一样,找了很久都没找到原因。

后来在同事的指导下,终于发现了原因所在:在读取数据后用js插入数据时在td标签之间输出了空格。仅仅是用js输出时在td之间输出了空格,就导致了这个原因。后来把之间的空格删除,显示就正常了。

IE9 表格错位bug

时间: 2024-10-21 18:42:25

IE9 表格错位bug的相关文章

jQuery EasyUI datagrid列名包含特殊字符会导致表格错位

首先申明:本文所述的Bug存在于1.3.3以及更高版本中,其它低版本,本人未测试,太老的版本不想去折腾了. 洒家在写前端的SQL执行工具时,表格用了 jQuery EasyUI datagrid,因为用户的SQL是千奇百怪的,所以出现了诸如:"BLOCKS*8/1024","trunc(SYSDATE)"之类的列名(field)时,表格就会错位,而且含有特殊字符的列无法手工调整大小. 经分析,datagrid组件在画表格的时候会在宿主DOM后动态追加一个style节

ie9下出现bug,打开f12bug就消失问题解决

今天遇到一个问题,ie9下页面出现bug,代码不往下执行,打开f12调试,bug就消失了.找了很久找到原因: IE8/IE9要先按F12才有console对象 参考来源: http://msdn.microsoft.com/zh-cn/library/ie/gg589530%28v=vs.85%29.aspx 在代码中重新定义console对象,加上如下代码: window.console = window.console || (function(){ var c = {}; c.log =

IE9的兼容性

/* 解决IE9表格错位 */ .el-table--border th:last-of-type.gutter { display: table-cell !important; width: 50px !important; } /* 解决分页前往第几页数字不垂直居中 */ .el-pagination__editor.el-input .el-input__inner { height: 28px; line-height: 28px; } /* 解决message提示框会出现样式错乱问题

IE9+ BUG汇总

CSS透明没有继承 css opacity is not inherited in internet explorer 今儿遇到一个问题源于同事写的一个页面,发现父级明明 opacity:0 了,但子级还显示,原来是 IE9+ 的一个 BUG:影响版本: IE9/IE10/IE11 解决方案,请参考:http://makandracards.com/makandra/21779-css-opacity-is-not-inherited-in-internet-explorer Elements

WebUploader IE9下报错

WebUploader是由Baidu WebFE(FEX)团队开发的一个简单的以HTML5为主,FLASH为辅的现代文件上传组件.在项目中,推荐并一直在使用WebUploader进行文件上传业务开发. 当然由于一些人为的使用不当,也会导致一些小问题.小记下. 1.WebUploader IE9下报错,具体报了哪一行错误忘记了,错误是flash内部的一个上传方法不存在. a.遇到错误,调试到对应行时,第一感觉就是这个问题无解,以为是IE9下有BUG,但是想想网上也没有相关的说法并且项目中IE9下面

easyui使用datagrid时列名包含特殊字符导致表头与数据错位的问题

做一个用easyui的datagrid显示数据的功能时发现表格的列头与数据错位了,而且这个现象不总是能重现,一直没搞清楚原因.后来偶然在控制台看出了一点端倪: 推测表头或者单元格的class名应该是用字段名拼出来的,如果含有特殊字符可能违反了css的命名规则(权威的css命名规则暂时没有找到,这篇文章稍有提到). 我找了个有特殊字符的列的数据,发现果然歪了.验证了想法. 由于项目的特殊性,数据库的表是动态创建的,也就是部分列名是由用户输入的,比较随意(当然,列头是另外是有显示名称的). 所以这个

easyui datagrid可编辑表格使用经验分享

文章目录 1相关接口方法 2列属性formatter 3编辑器类型 3.1基于my97的编辑器 3.2简单的密码编辑器 3.3动态增加/删除编辑器 4字段的级联操作 4.1combobox的级联操作 4.2文本类型编辑器的级联 4.3编辑字段对非编辑字段的依赖 5数据提交与恢复 5.1利用loading提高用户体验 5.2结束编辑后获取原始数据 6常见问题集锦 6.1表头和数据表格错位 7效果演示 对于Easyui的可编辑表格,个人也是较为陌生的,尽管在操作方式上可能比使用表单修改的方式便捷,但

element-ui table中表格错误问题解决

在iframe关闭和切换导航会引起有table的表格错位,解决办法: handleAdminNavTab: function(tab) { var adminContent = this.$el.querySelector('.sc-admin__content__bd'); var iframes = adminContent.querySelectorAll('iframe'); this.$nextTick(function() { var url = 'projectController

前后端分离之后添加验证码

转载自:http://www.cnblogs.com/liminjun88/p/6556493.html#commentform 1.背景介绍 团队开发的项目,前端基于Bootstrap+AngularJS,后端Spring MVC以RESTful接口给前端调用.开发和部署都是前后端分离.项目简单部署图如下,因为后台同时采用微服务的方式,所以后台不止3个,画图示意.终极方案是采用Docker,在前端和后台调用中间添加一层:API Gateway. 因为考虑到和其他系统集成的可能性,所以在登录这一