中存放 内容超出行宽,不换行的问题

项目中需要在result页面中显示提示信息,是一长串的订单号,提示信息在 <td>中存放 ,但航中内容为<bean:write> 输出的, 内容的长度超过<td>的宽度 不自动换行 而是把<td> 撑破 很难看!

寻求解决方案,最终找到解答,在td的style中设置word-wrap:break-word;word-break:break-all;overflow:hidden;便可达到文字内容按照td本身宽度的设置,这是最有方式,在ie与火狐都可以没问题,如果overflow:auto; ie下,长串会自动折行。ff下,长串会被遮盖。

word-wrap:break-word; 

 word-wrap为控制换行的;

使用break-word时,是将强制换行。中文没有任何问题,英文语句也没问题。但是对于长串的英文,就不起作用。
normal是word-wrap的默认情况,英文单词不被拆开。
break-all,是断开单词。在单词到边界时,下个字母自动到下一行。主要解决了长串英文的问题。


与文本换行相关的详细信息:http://ued.taobao.com/blog/2010/10/research-of-word-wrap/




你可能感兴趣的:(中存放 内容超出行宽,不换行的问题)