<!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)+" ";
strContent=strContent.substr(intLen,strContent.length);
}
strTemp+=" "+strContent;
obj.innerHTML=strTemp;
}
if(document.getElementById && !document.all) toBreakWord(37)
// ]]>
</script>
</body>
</html>
分享到:
相关推荐
word-break:break-all和word-wrap:break-word表示强制换行,前者若英文字符过长自动截断,后者整个英文单词会换行! 而而我常会这样用: 复制代码代码如下: word-wrap:break-word; overflow:hidden; IE 下没有...
1. 超链接访问过后hover样式就不出现的问题 ... FireFox下如何使连续长字段自动换行 众所周知IE中直接使用 word-wrap:break-word 就可以了, FF中我们使用JS插入的方法来解决 Code: <style type="text/css"> <
通过上述分析,我们可以看到,使用`<table>`元素结合特定的CSS属性可以有效地解决IE和FF等浏览器之间的自动换行兼容性问题。这种方法不仅简单易行,而且能够满足大部分实际应用场景的需求。当然,在现代Web开发中,...
兼容 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(JavaServer Pages)开发过程中,经常需要将从数据库读取的数据填充到HTML表格中。当数据过长或格式复杂时,可能会遇到表格显示不正常的问题,比如文本溢出、布局错乱等。...
word-wrap:break-word; 这样断开了,在IE8里面是不会变成省略号的(但是在IE6/7/FF/Chrome都没有问题),其实都单行省略了,本来也没有必要断词~-_-! 所以一般标准组合就是: 复制代码代码如下: overflow: hidden; ...
在本例中,我们要探讨的是如何使用JavaScript来实现连续英文字符在指定宽度限制下的自动换行,并确保该方案能够在不同的浏览器(包括较老的IE6和IE7,以及Firefox)中兼容运行。 在CSS中,通常可以使用`word-wrap`...
而在 IE 中,可以直接使用 `word-wrap: break-word;`。 - **解决方案**: - 在 IE 中直接使用 `word-wrap: break-word;`。 - 在 FF 中可以通过 JavaScript 来实现文本换行。 综上所述,解决 IE 和 FF 之间的...
完整英文电子版 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) ...
在IE8及以上版本,文本居中显示是默认的,但在IE6和IE7中,可以使用`line-height = height`实现居中,但可能会导致输入框内的光标大小改变。解决这个问题的一个技巧是使用`!important`来优先应用`line-height:0px;`...
一般情况下,元素拥有默认的white-space:normal(自动换行,PS:不换行是white-space:nowrap),当录入的文字超过定义的宽度后会自动换行,但当录入的数据是一堆没有空格的字符或字母或数字(常规数据应该不会有吧,...
<title>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; }
当一个定义了宽度的块状元素中填充的全部为纯英文或者纯数字的时候,在IE和FF中都会撑大容器,不会自动换行 并且当数字或者英文中带有汉字时,会从汉字处换行,而纯汉字却可以自动换行。这个问题如何解决?先来认识...
在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-...
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; }
1. **如何使连续长字段自动换行** - 可以使用`word-wrap: break-word;`或`white-space: pre-wrap;`来允许长字段自动换行。 2. **为什么web标准中IE无法设置滚动条颜色了** - IE中的滚动条样式受到限制。可以...
在FF中,可以使用`word-wrap: break-word`来实现自动换行。但在IE中,则需要使用JavaScript来实现相同的功能,例如: ```javascript function toBreakWord(el, intLen) { var obj = document.getElementById(el); ...
**解释**:通过设置 `table` 的 `word-wrap` 或 `word-break` 属性,可以控制单元格内的文字如何换行。 通过上述解决方案,我们可以有效地解决在开发过程中遇到的大部分浏览器兼容性问题。这些方法不仅能够帮助我们...