DIV+CSS:长串英文数字强制折行问题
发表时间:2009年05月 26th , 分类:技术与产品, 精彩推荐, 标签: div+css, 用户体验
在网站实际应用中,经常会遇到英文数字长串后不折行的bug,利用CSS可以解决这个问题。
< style type=”text/css”>
< !–
div {
width:300px;
word-wrap:break-word;
border:1px solid red;
}
–>
< /style>
< div>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa…..< /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>
火狐下利用js解决

