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

来源:百度知道 编辑:UC知道 时间:2024/05/16 17:06:19
我在<div>和</div>之间添加一些文本后,就会把原有边框撑开,而不会自动换行!郁闷呢!

废话不多说,解决方法:

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>

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