怎样让table的内容既能换行而且不会让英文单词断开

Posted 2023-03-24

Style="word-break:break-all"会断字
不写的话不断字,却不换行
可能大家没看明白我的问题,我把代码给大家看下,根本不是设置页面的问题,table中套table 可以用Class 或者Style来控制表格样式,现在的问题就是我一开始说的情况,我所谓的英文单词断开是指一个单词被拆成两行显示
<table Width="100%" Class="label_wrap">
<table Width="1000" Class="sample"><tr><td><jsp:textlabel Prompt="" dataField="@TITLE"/></td></tr></table>
</table>

参考技术A 可以重新设置下表格的长和宽 也可以设置页面和行间距 参考技术B 设置下页边距
缩小下字符间距 参考技术C 也许可以重新设置下表格的长和宽

td中不包含汉字的字符串不换行，包含汉字的能换行的问题原因及解决方法

今天项目中遇到一个问题，一长串的字符串如：003403FF0014E54016030CC655BC3242，但是如：中国河北省石家庄市裕华区槐安路雅清街交口 这样的就可以换行。

原因是：英文字母之间如果没有空格，系统认为是一个单词，就不会自动换行。汉字就没有这种情况。

解决办法：

用表格把要显示的内容装起来。
在<table>标签中加入“style=‘TABLE-LAYOUT: fixed‘”,
在需要强制单词换行的<td>标签中加入“style=‘word-WRAP: break-word‘”。
这样就可以了。

　　Div 中 ：　

　　div 实现长英文字母自动换行CSS
IE浏览器
#wrap{white-space:normal; width:200px; }
或者
#wrap{word-break:break-all;width:200px;}

Firefox浏览器
#wrap{white-space:normal; width:200px; overflow:auto;}
或者
#wrap{word-break:break-all;width:200px; overflow:auto; }

　　2、不设置单元格宽度，但汉字会自动换行：

　　解决方法： <table style=‘word-break:keep-all‘>

 

 

转自：http://www.educity.cn/wenda/7175.html，感谢原著！