眾所周知,對(duì)于類似"aaaaaaaaaaaaaaaaa"這樣超長(zhǎng)的字符串,會(huì)把容器撐的變形.
廢話不多說(shuō),解決方法:
1. IE : 在相應(yīng)位置增加如下樣式表定義即可
程序代碼 程序代碼
word-break: break-all;
2. FF : Firefox并不像IE那樣聽話,自從FF的第一個(gè)版本至今,仍然沒(méi)有解決此問(wèn)題,而上面的方法也不起作用,只能用javascript來(lái)控制了,將如下代碼放置在需要折行顯示的下面即可
程序代碼 程序代碼
<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>