Question

div里全是英文,如何让其自动换行

div
{
width:100px;
background:red;
}
<div>dddddddddddddddddddddddddddddddddddddd</div>
word-break:break-all 强制换行
但在firefox下不行啊
很感谢怀念曾经yu,好象还不行啊

Answer 1

其实没必要的，实际运用中不会有这样的问题，因为你的ddd...是没有物此空格的，浏览器会把它当成一个单词来处理，所以才会把DIV撑爆，而实际上是没有任何单词会这么长的卜镇，你复制一段英文文章进去看看，应该是可以自动换型蚂粗行的。

Answer 2

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>

Answer 3

word-break: break-all; work-wrap: break-word;overflow：hidden

Answer 4

你这样就可以了吧，限制了宽度，他自己会换行的。