在容器的css中(zhōng)加word-break:break-all;
語法：
word-break : normal | break-all | keep-all
取值：
normal : 默認值。允許在詞間換行
break-all : 該行爲與亞洲語言的 normal 相同。也允許非亞洲語言文本行的任意字内斷開(kāi)。該值适合包含一(yī)些非亞洲文本的亞洲文本
keep-all : 與所有非亞洲語言的 normal 相同。對于中(zhōng)文，韓文，日文，不允許字斷開(kāi)。适合包含少量亞洲文本的非亞洲文本
語法：
word-wrap : normal | break-word
取值：
normal : 默認值。允許内容頂開(kāi)指定的容器邊界
break-word : 内容将在邊界内換行。如果需要，詞内換行( word-break )也将發生(shēng)
MOZ（firefox）
用js截取字符串強制換行。
js插入 來解決
<script type="text/javascript">
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(13)
</script>
全部代碼
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無标題文檔</title>
<style>
*{margin:0px;padding:0px;}
div{width:1000px;height:200px;background:#666;padding:15px;}
div p{float:left;width:100px;word-break:break-all; word-wrap:break-word; margin-right:20px;background:#fff;padding:5px;}
h1{font-size:12px;}
</style>
</head>
<body>
<h1>當容器有固定的寬度的時候，文字大(dà)于容器寬度的時候會自動折行，但是字母和數字的時候并不會折行，而是在一(yī)行顯示下(xià)去(qù)，如何解決。<br/>
ie:在容器的css中(zhōng)加word-break:break-all;<br/>
moz:用js截取字符串強制換行。
</h1>
<div id="ff">
<p>111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</p>
<p>222222222222222222222222222222222222</p>
<p>與所有非亞洲語與所有非亞洲語與所有非亞洲語與所有非亞洲語與所有非亞洲語</p>
<p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
<p>5</p>
</div>
</body>
</html>
<script type="text/javascript">
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(13)
</script>
語法：
word-break : normal | break-all | keep-all
取值：
normal : 默認值。允許在詞間換行
break-all : 該行爲與亞洲語言的 normal 相同。也允許非亞洲語言文本行的任意字内斷開(kāi)。該值适合包含一(yī)些非亞洲文本的亞洲文本
keep-all : 與所有非亞洲語言的 normal 相同。對于中(zhōng)文，韓文，日文，不允許字斷開(kāi)。适合包含少量亞洲文本的非亞洲文本
語法：
word-wrap : normal | break-word
取值：
normal : 默認值。允許内容頂開(kāi)指定的容器邊界
break-word : 内容将在邊界内換行。如果需要，詞内換行( word-break )也将發生(shēng)
MOZ（firefox）
用js截取字符串強制換行。
js插入 來解決
<script type="text/javascript">
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(13)
</script>
全部代碼
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無标題文檔</title>
<style>
*{margin:0px;padding:0px;}
div{width:1000px;height:200px;background:#666;padding:15px;}
div p{float:left;width:100px;word-break:break-all; word-wrap:break-word; margin-right:20px;background:#fff;padding:5px;}
h1{font-size:12px;}
</style>
</head>
<body>
<h1>當容器有固定的寬度的時候，文字大(dà)于容器寬度的時候會自動折行，但是字母和數字的時候并不會折行，而是在一(yī)行顯示下(xià)去(qù)，如何解決。<br/>
ie:在容器的css中(zhōng)加word-break:break-all;<br/>
moz:用js截取字符串強制換行。
</h1>
<div id="ff">
<p>111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</p>
<p>222222222222222222222222222222222222</p>
<p>與所有非亞洲語與所有非亞洲語與所有非亞洲語與所有非亞洲語與所有非亞洲語</p>
<p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
<p>5</p>
</div>
</body>
</html>
<script type="text/javascript">
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(13)
</script>
475003427