`
axl234
  • 浏览: 273610 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

FF下如何使连续长字段自动换行 IE中直接使用word-wrap:break-word 就可以了, 这里FF中我们使用JS插入
的方法来解决

    博客分类:
  • css
阅读更多

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh" lang="zh">
<head profile="http://www.w3.org/2000/08/w3c-synd/#">
<meta http-equiv="content-language" content="zh-cn" />
<meta http-equiv="content-type" content="text/html;charset=gb2312" />
<title>blueidea</title>
<style type="text/css">
/*<![CDATA[*/
div {
 width:300px;
 word-wrap:break-word;
 border:1px solid red;
 }
/*]]>*/
</style>
</head>
<body>
<div id="ff">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div>
<script type="text/javascript">
// <![CDATA[
function toBreakWord(intLen){
var obj=document.getElementById("ff");
var strContent=obj.innerHTML; 
var strTemp="";
while(strContent.length>intLen){
strTemp+=strContent.substr(0,intLen)+"&#10;"; 
strContent=strContent.substr(intLen,strContent.length); 
}
strTemp+="&#10;"+strContent;
obj.innerHTML=strTemp;
}
if(document.getElementById  &&  !document.all)  toBreakWord(37)
// ]]>
</script>
</body>
</html>

分享到:
评论

相关推荐

    css文本换行属性word-wrap和white-space使用总结

    word-break:break-all和word-wrap:break-word表示强制换行,前者若英文字符过长自动截断,后者整个英文单词会换行! 而而我常会这样用: 复制代码代码如下: word-wrap:break-word; overflow:hidden; IE 下没有...

    css FF与IE兼容性总结

    1. 超链接访问过后hover样式就不出现的问题 ... FireFox下如何使连续长字段自动换行 众所周知IE中直接使用 word-wrap:break-word 就可以了, FF中我们使用JS插入的方法来解决 Code: &lt;style type="text/css"&gt; &lt;

    支持IE和FF同时自动换行

    通过上述分析,我们可以看到,使用`&lt;table&gt;`元素结合特定的CSS属性可以有效地解决IE和FF等浏览器之间的自动换行兼容性问题。这种方法不仅简单易行,而且能够满足大部分实际应用场景的需求。当然,在现代Web开发中,...

    CSS word-wrap同word-break的区别

    兼容 IE 和 FF 的换行 CSS 推荐样式 最好的方式是 word-wrap:break-word; overflow:hidden; 而不是 word-wrap:break-word; word-break:break-all; 也不是 word-wrap:break-word; overflow:auto; 在 IE 下没有任何...

    jsp强行给表格换行

    ### JSP中实现表格自动换行的方法 在JSP(JavaServer Pages)开发过程中,经常需要将从数据库读取的数据填充到HTML表格中。当数据过长或格式复杂时,可能会遇到表格显示不正常的问题,比如文本溢出、布局错乱等。...

    IE8/9 使用text-overflow: ellipsis 做块元素超长内容变省略号的问题

    word-wrap:break-word; 这样断开了,在IE8里面是不会变成省略号的(但是在IE6/7/FF/Chrome都没有问题),其实都单行省略了,本来也没有必要断词~-_-! 所以一般标准组合就是: 复制代码代码如下: overflow: hidden; ...

    js实现连续英文字符自动换行兼容ie6 ie7和firefox

    在本例中,我们要探讨的是如何使用JavaScript来实现连续英文字符在指定宽度限制下的自动换行,并确保该方案能够在不同的浏览器(包括较老的IE6和IE7,以及Firefox)中兼容运行。 在CSS中,通常可以使用`word-wrap`...

    ie和ff兼容性大集合

    而在 IE 中,可以直接使用 `word-wrap: break-word;`。 - **解决方案**: - 在 IE 中直接使用 `word-wrap: break-word;`。 - 在 FF 中可以通过 JavaScript 来实现文本换行。 综上所述,解决 IE 和 FF 之间的...

    IEC 60068-2-57:2013 环境测试 - 测试Ff:振动-时间史和正弦波法 - 完整英文电子版(84页)

    完整英文电子版 IEC 60068-2-57:2013 Environmental testing - Part 2-57:Tests - Test Ff:Vibration - Time-history and sine-beat method(环境测试-第2-57部分:测试-测试Ff:振动-时间史和正弦波法)。...

    前端所有标签以及技术大总结

    根据给定的信息,我们可以归纳出一系列重要的前端技术与CSS3属性相关的知识点: ### CSS3 变形(Transform) - **rotate**: `transform: rotate(30deg)` 表示元素绕其中心点旋转30度。 ### CSS3 边框(Border) ...

    个人CSS设计兼容性问题总结教程

    在IE8及以上版本,文本居中显示是默认的,但在IE6和IE7中,可以使用`line-height = height`实现居中,但可能会导致输入框内的光标大小改变。解决这个问题的一个技巧是使用`!important`来优先应用`line-height:0px;`...

    CSS强制性换行的方法区别详解

    一般情况下,元素拥有默认的white-space:normal(自动换行,PS:不换行是white-space:nowrap),当录入的文字超过定义的宽度后会自动换行,但当录入的数据是一堆没有空格的字符或字母或数字(常规数据应该不会有吧,...

    基于ASP的留言板设计代码

    &lt;title&gt;ASP简易留言板--ASP simple postboard v1.21 A:link,A:active,A:visited{TEXT-DECORATION:none ;...word-break :break-all; font-family:"宋体"; font-size: 12px; line-height: 15px; }

    CSS代码使纯英文数字自动换行的简单实现

    当一个定义了宽度的块状元素中填充的全部为纯英文或者纯数字的时候,在IE和FF中都会撑大容器,不会自动换行 并且当数字或者英文中带有汉字时,会从汉字处换行,而纯汉字却可以自动换行。这个问题如何解决?先来认识...

    NES游戏第二次机器人大战VirtuaNES模拟器金手指代码.pdf

    在NES游戏《第二次机器人大战》中,玩家可以使用以下代码来修改游戏参数: 舰长类 * 7637-01-63: 机动99 * 7638-01-63: * 7639-01-63: * 763A-01-63: * 763B-01-63: * 763C-01-63: * 763D-01-63: * 763E-01-...

    基于vb。net sql的学生成绩管理系统

    word-break:break-all; } .white{ color:#FFFFFF } .redd{ FONT-WEIGHT: bold; COLOR: #FF0000 ; }.while { font-family: Tahoma; font-size: 12px; color: #FFFFFF; text-decoration: none; }

    css浏览器兼容整理

    1. **如何使连续长字段自动换行** - 可以使用`word-wrap: break-word;`或`white-space: pre-wrap;`来允许长字段自动换行。 2. **为什么web标准中IE无法设置滚动条颜色了** - IE中的滚动条样式受到限制。可以...

    ie和ff浏览器的兼容

    在FF中,可以使用`word-wrap: break-word`来实现自动换行。但在IE中,则需要使用JavaScript来实现相同的功能,例如: ```javascript function toBreakWord(el, intLen) { var obj = document.getElementById(el); ...

    浏览器兼容问题

    **解释**:通过设置 `table` 的 `word-wrap` 或 `word-break` 属性,可以控制单元格内的文字如何换行。 通过上述解决方案,我们可以有效地解决在开发过程中遇到的大部分浏览器兼容性问题。这些方法不仅能够帮助我们...

Global site tag (gtag.js) - Google Analytics