UC知道div里全是英文,如何让其自动换行
来源：百度知道 编辑：UC知道 时间：2024/09/25 14:08:43
div
{
width:100px;
background:red;
}
<div>dddddddddddddddddddddddddddddddddddddd</div>
word-break:break-all 强制换行
但在firefox下不行啊
很感谢怀念曾经yu,好象还不行啊
{
width:100px;
background:red;
}
<div>dddddddddddddddddddddddddddddddddddddd</div>
word-break:break-all 强制换行
但在firefox下不行啊
很感谢怀念曾经yu,好象还不行啊
其实没必要的，实际运用中不会有这样的问题，因为你的ddd...是没有空格的，浏览器会把它当成一个单词来处理，所以才会把DIV撑爆，而实际上是没有任何单词会这么长的，你复制一段英文文章进去看看，应该是可以自动换行的。
word-break:break-all 强制换行
----------------------------
div
{
width:100px;
background:red;
}
<div id="hh">dddddddddddddddddddddddddddddddddddddd</div>
FF没办法了，。用脚本控制吧
<script type="text/javascript">
function toBreakWord(intLen){
var obj=document.getElementById("hh");
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(40)
</script>
word-break: break-all; work-wrap: break-word;overflow：hidden
你这样就可以了吧，限制了