众所周知,对于类似"aaaaaaaaaaaaaaaaa"这样超长的字符串,会把容器撑的变形.
废话不多说,解决方法:
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>