css中,div如何限制内部文本自动换行?

发布网友发布时间：2022-04-06 12:03

共2个回答

热心网友时间：2022-04-06 13:32

废话不多说,解决方法:

1. IE : 在相应位置增加如下样式表定义即可
word-break: break-all;

2. FF : Firefox并不像IE那样听话,自从FF的第一个版本至今,仍然没有解决此问题,而上面的方法也不起作用,只能用javascript来控制了,将如下代码放置在需要折行显示的下面即可

<script language="javascript" type="text/javascript" defer="defer">
javascript:(function(){var D=document; F(D.body); function F(n){var u,r,c,x; if(n.nodeType==3){ u=n.data.search(/\S{10}/); if(u>=0) { r=n.splitText(u+10); n.parentNode.insertBefore(D.createElement("WBR"),r); } }else if(n.tagName!="STYLE" && n.tagName!="SCRIPT"){for (c=0;x=n.childNodes[c];++c){F(x);}} } })();
</script>

热心网友时间：2022-04-06 14:50

我也碰到了同样的问题，不知道怎么解决，后来只好把文字放<textarea></textarea>中间，然后把它的属性设为只读。可以通过设置css美化一下，就好看多了。
示例：定义文本域的类
.area { border:1px solid #F90; overflow:auto; background:#fff right bottom no-repeat; width:99%; height:100px;}
再设置<textarea class="area">文本内容</textarea>就可以了