The NoteBook of EricKong

  BlogJava :: 首页 :: 联系 :: 聚合  :: 管理
  610 Posts :: 1 Stories :: 190 Comments :: 0 Trackbacks
众所周知,对于类似"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>

posted on 2010-08-13 10:08 Eric_jiang 阅读(370) 评论(0)  编辑  收藏 所属分类: HTML

只有注册用户登录后才能发表评论。


网站导航: