解決辦法：
ie：
在容器的css中加word-break:break-all;
| normal | : | 預設值。允許在詞間換行 |
| break-all | : | 該行為與亞洲語言的 normal 相同。也允許非亞洲語言文本行的任意字內斷開。該值適合包含一些非亞洲文本的亞洲文本 |
| keep-all | : | 與所有非亞洲語言的 normal 相同。對於中文，韓文，日文，不允許字斷開。適合包含少量亞洲文本的非亞洲文本 |
文法：word-wrap : normal | break-word 取值：
| normal | : | 預設值。允許內容頂開指定的容器邊界 |
| break-word | : | 內容將在邊界內換行。如果需要，詞內換行( word-break )也將發生 |
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>當容器有固定的寬度的時候，文字大於容器寬度的時候會自動折行，但是字母和數位時候並不會折行，而是在一行顯示下去，如何解決。<br/>
ie:在容器的css中加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>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
