td换行(兼容IE8非兼容情况以及FireFox)

最新推荐文章于 2018-07-20 14:58:12 发布
原创 最新推荐文章于 2018-07-20 14:58:12 发布 · 788 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#firefox #ie #opera

本文介绍了一种在不同浏览器中使长段落文本能够正确换行的方法，通过调整CSS样式属性，确保了在Firefox、IE8及Opera等浏览器下文本显示正常。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

在网站找了很多都是这样的：

style="word-wrap: break-word; word-break: break-all;"但是我发现我的项目里还是不行(文字全部是汉字)。改了改，类似下面：

style="word-wrap: break-word; word-break: break-all;white-space:normal;width:auto;"可以了。试了一下，在FireFox(3.6)和IE8的正常情况下(指非兼容情况)以及opera（10.5）下是正常的。

橘子西瓜
关注
CSS实现文字自动换行 兼容Firefox
qq_44884203的博客
04-09 613
CSS实现文字自动换行 兼容Firefox
如何实现FireFox文本自动换行
12-09
本文将详细讲解如何在Firefox中实现文本自动换行。 一、CSS方法：通用方案与针对IE的优化 在Internet Explorer（IE）浏览器中，可以通过CSS属性`word-wrap`和`word-break`来实现文本自动换行。这两个属性可以帮助你...
IE8不支持TD8.0的解决办法
Programmer.Wenlong 小龙在线
08-30 130
之前一直使用IE7，用TD8.0一点儿问题没有 最近项目升级了，用IE8测试，于是自己也放弃了IE7，一直觉得IE7在XP里还是挺好用的，占用资源少，速度很快 今天用IE8打开之前一直用的TD8.0，突然发现不能进去了，提示一大堆信息 于是到网上搜答案，搜到的答案大致分为2种 （1）客户端：这个在自己机器上，想怎么装就怎么装 （2）服务器端：哪有权限去修改服务器端的东西啊 于是，根...
ie下td内容自动换行
{'name':'hqman','type':'宅男'}
07-09 486
                项目中 ajax 应用需要动态创建element 但是在td内 内容过长 firefox 能自动换行，ie6 比较傻瓜的！！！ 不过找到一个解决的办法 定义一个css class .catas{word-break:break-all;width:200px;} <  div id="zhuzhi" class="catas"  > 哈哈 这里的内...
解决IE8中字符“-”的换行问题
sunnyahua的专栏
06-15 363
没有找到很好的解决办法，先使用JS处理了下。 $(document).ready( function() { $(‘#main’).html($(‘#main’).html().replace(new RegExp(‘([^ ]*$1’)); });
解决td内容换行问题-兼容firefox ie
11-17 3389
无标题文档       dff/ffffffffffffffffffffffffffffffffffffffffffffffffffffffffff-fffffddddd wwwwwwwwwwwwwwwww ddddddkkkjkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkddddddddddddddd
兼容多浏览器，兼容 div、p、td 的强制不换行及强制换行.
01-11
当需要兼容IE中`td`的特殊情况时，可以在`td`内使用嵌套`div`。 #### 强制换行 **目的**：避免过长的连续字符串（如`aaaaaaaaaaaaa`）撑大布局。 **CSS实现**： - 使用`word-break: break-all`属性。 - `word-...
CSS实现table td中文字的省略与显示(兼容IE与FF、Chrome)
12-13
CSS提供了优雅的方式来实现这一功能，同时兼容不同的浏览器，包括Internet Explorer (IE)，Firefox以及Chrome。这里我们将详细探讨如何实现这一效果。 首先，我们来看标题和描述中提到的关键CSS属性： 1. `...
解决IE6，IE7，IE8换行显示问题
caolijunmingyan的专栏
08-29 4507
问题描述： 当网页的内容显示的窗口不是全屏的时候，有些文字或按钮会换行显示，这时我们头疼的问题来。 在网上查找了一番，有的说如果应用了表格，应该设置表格为指定的宽度，而不应该用百分比来表示宽度，但是有的时候指定宽度是不能代替百分比表示宽度的，因为如果你指定固定宽度，网页的显示
兼容多浏览器，兼容 div、p、td 的强制不换行及强制换行
热门推荐
linminqin的专栏
08-27 1万+
转自：http://www.cnblogs.com/dudu837/archive/2012/03/06/2382257.html 关于强制不换行、强制换行的话题在网上已经被讨论了无数次，但我发现都不够全面，没有充分考虑各种浏览器、各种标签等情况，以致不兼容，所以我再来说说。由于 div 和 p 在本文的讨论中，效果相同，所以省略 p。  文中“没有指定宽度的 td”是指：
ie8下英文字符串无法自动换行的问题
u011120550的博客
12-21 1322
刚开始用的span，里面设置css属性：word-wrap:break-word;word-break:break-all; 在谷歌浏览器都能进行自动换行。 ie8下中文字符串能进行正常自动换行，全英文字符串则不能: sdadsaaaaaaaaaaaaaaaaaasdadsaaaaaaaaaaaaaaaaaasdadsaaaaaaaaaaaaaaaaaasdadsaaaaaaaaaaaa
解决ie6、ie7、ie8下float为right换行的情况
QC班长的博客
07-17 2385
解决ie6、ie7、ie8下float为right换行的情况 IE6下有不少奇怪的Bug，今天就碰到一个，float:right换行bug，情况是并列的几个块级元素如div和span，一些设置了左浮动一些设置右浮动，一行的宽度足够放下所有的块级元素，但此时ie6则显示右浮动的其中一块换行了，下面给出实例和解决方法： 实例说明下：html结构如下 左边 中间 右边 .
td内不会自动换行，解决方法
baozisss的博客
07-20 7626
1.在<td>中设置样式style为word-wrap:break-word;word-break:break-all;（一般情况只需要设置word-break:break-all即可，但是有时候需要加word-wrap:break-word ） 2.把表格的sytle的table-layout：fixed，表格固定宽度，表格即要自适应他外面的容器，也不要撑出去，然后设置td的word...
不同浏览器中换行符的处理小结
Mr_Alex
03-14 9007
起初是想用String.split();这个方法处理字符串，当然，处理的就是按行获取数据，然后将换行符替换成“，”连接的字符串，然而就再获取换行符的时候，却屡战屡败~~受挫勒~ 查询网络资源，觉得下面这些说的还靠谱，跟我遇到的情况吻合度很高： 最新版本的jQuery中, text取值使用的是获得最基础的textNode的nodeValue, 也就是说, text取值和innerTe
IE8浏览器下float right换行解决办法
Benjamin
06-05 2040
结果ie8下next.gif换行了，firefox正常。只要把float:right;的span放到最前边就可以解决换行的问题，ie8和firefox下均正常。代码如下
解决IE和FF下textarea换行不一致的问题
kevinzkf的专栏
03-17 270
在IE下，输入到textarea的字符长度如果超过textarea的显示宽度，会出现自动换行，如果不是以明确px限定textarea的宽度（比如使用百分比），重新显示这个textarea时会发现textarea自动变宽，以在一行内容纳所有已输入的字符。这在某写情况下会打乱页面的布局，比如这个textarea是放在一个DIV的dialogue中。 而在FF下，则不会出现自动换行的情况，FF自动为超...
全面解析多浏览器下div、td的强制换行与不换行技巧
本文主要探讨如何在保证多浏览器兼容性的情况下，实现div、p以及td元素的文本强制不换行和强制换行功能。首先，对于强制不换行，CSS中的white-space属性是非常关键的。在大部分现代浏览器如Firefox和IE（除IE6）中，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值