问题描述:IE与火狐对html换行问题采用了不同的机制,当html里面存在一个表格的时候,表格里面的数据单词无换行或空格,如DSFSDFSDF/DSFSDFSDF/SDFSDFSDF/SDFSADFSAD/SDFSDFDS,在火狐显示中会自动进行换行处理,在IE里面他不会对该长单词进行自动换行处理,就会将表格撑大,使得用IE浏览该html的时候css样式会变形,出现如下问题:
而火狐能够正常显示,如下:
,
解决方案:
将table表的table-layout属性设置成fixed;table-layout:fixed;
这下在IE里面显示就会居中显示,并且会强制性的对表格长单词进行换行,随之出现问题换行后的内容太多,有些显示会被遮盖起来,只能显示出一部门,这是可以讲height:的属性就该为auto。即可解决。
遗留下来的问题:
在两端对齐,火狐会自动将文档进行对齐,而IE不会,当设置了属性word-break:normal; text-align:justify;
可以解决该问题,对于IE浏览器机制,当出现单词带有-的时候(如antion-person)在右边对齐的时候会出现一小个空格,影响所有的行都有一小空格,而火狐却能正常显示,一直未找到解决方案,可能是IE对于这种单词显示机制的问题。如果有兴趣者可以和我一起探讨,留言。
分享到:
相关推荐
css规范_IE bug,IE与Firefox的CSS兼容问题.....整理
火狐浏览器简体中文版Firefox (firefox-99.0.1.tar.bz2),适用于Linux 64-bit
firefox与IE对js和CSS的区别.txt firefox与IE对js和CSS的区别.txt firefox与IE对js和CSS的区别.txt
个人在几个项目上使用,入手简单、功能强悍,强烈推荐。lodop6.057打印控件(2012最新版),免费的,chrome、IE、firefox等浏览器均可以使用(附有案例和说用说明)
Mozilla Firefox,中文俗称“火狐”(正式缩写为Fx或fx,非正式缩写为MF),是一个自由及开放源代码的网页浏览器,使用Gecko排版引擎,支持多种操作系统,如Windows、Mac OS X及GNU/Linux等。该浏览器提供了两种版本...
Firefox 52.0.2 渗透便携版 90SEC beta8 含多个文件 Firefox 52.0.2 渗透便携版 90SEC beta8 Firefox 52.0.2 渗透便携版 90SEC beta8 Firefox 52.0.2 渗透便携版 90SEC beta8 Firefox 52.0.2 渗透便携版 90SEC beta8...
解压后可用,资源全名:Firefox Setup 68.12.0esr.exe
在后台加上即可解决IE9,firefox下面的问题: HttpServletResponse response =ServletActionContext.getResponse(); response.setContentType("text/html");
在Firefox下直接调用IE浏览器(IETab这个插件).zip
优点:此代码优点是兼容火狐,简洁,中文。 乱码:如果日历出现中文乱码,并且如果在Eclipse中,那么请调整js的属性中编码为utf-8,html页面亦如是。 效果:页面为一个TextField空间,隐藏一个Div。点击TextField,...
解决IE6 IE7 Firefox中li兼容问题
table2excel.js 兼容火狐 ie 谷歌等浏览器,可直接使该插件将html中数据用excel方式导出
ie与火狐中常见的一些兼容问题ie与火狐中常见的一些兼容问题
解压后可用,资源全名:Firefox Setup 78.11.0esr.exe
火狐浏览器中文版Firefox Setup 99.0.1.exe 适用于Windows Arm64系统
英文版Ubuntu Firefox中文乱码解决方案.docx
资源全名:Firefox 52.9.0esr.dmg
解压后可用,资源全名:Firefox Setup 52.9.0esr.exe
资源全名:Firefox 68.12.0esr.pkg
解压后可用,资源全名:Firefox 68.12.0esr.dmg