码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2017-01-12 02:41:02      阅读:229      评论:0      收藏:0      [点我收藏+]

标签:原因   文字   河北省   情况   内容   自动   htm   实现   需要   

今天项目中遇到一个问题,一长串的字符串如: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,感谢原著!

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

标签:原因   文字   河北省   情况   内容   自动   htm   实现   需要   

原文地址:http://www.cnblogs.com/renjie0520/p/6274024.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!