首页 > 网络编程 > JavaScript > javascript技巧 > 火狐强制换行

基于javascript的在火狐里面强制换行字符

2010-06-13 00:37:52 作者：

火狐也不知道为什么，自己功能上，样式上面，都无法让其强制换行，这里用JS来实现火狐里面强制换行的方法。

效果演示代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>firefox-break-word</title> 
<style type="text/css"> 
<![CDATA[/*> 
</style> 
</head> 
<body> 
<div id="break"> 
If there were less sympathy in the world, there would be less trouble in the world. ( O. Wilde ) 
</div> 
<script> 
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>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

CSS控制强制换行/强制换行

强制不换行
div{
white-space:nowrap;
}

自动换行
div{
word-wrap: break-word;
word-break: normal;
}

强制英文单词断行
div{
word-break:break-all;
}

基于javascript的在火狐里面强制换行字符

您可能感兴趣的文章: