td中不包含汉字的字符串不换行,包含汉字的能换行的问题原因及解决方法
2017-01-11 15:56
183 查看
今天项目中遇到一个问题,一长串的字符串如: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,感谢原著!
原因是:英文字母之间如果没有空格,系统认为是一个单词,就不会自动换行。汉字就没有这种情况。
解决办法:
用表格把要显示的内容装起来。
在<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中汉字自动换行 && CSS强制不换行
- 解决长串英文字母显示不能自动换行的问题和td中汉字自动换行 && CSS强制不换行
- 【转】解决长串英文字母显示不能自动换行的问题和td中汉字自动换行 && CSS强制不换行
- Oracle汉字乱码问题原因及解决方法
- (转)解决长串不能自动换行的问题和td中汉字自动换行 && CSS强制不换行
- Oracle汉字乱码问题原因及解决方法(转)
- [转]smarty截取字符串,截取汉字字符串问题解决方法
- Oracle汉字乱码问题原因及解决方法
- firefox英文字符串不自动换行问题的解决方法
- Oracle汉字乱码问题原因及解决方法
- Oracle汉字乱码问题原因及解决方法
- Oracle汉字乱码问题原因及解决方法
- Oracle汉字乱码问题原因及解决方法
- 解决长串不能自动换行的问题和td中汉字自动换行 && CSS强制不换行
- pb 字符串汉字截断后 乱码问题处理--解决方法
- MySQL5.0中文问题及JDBC数据库连接和JSP汉字编码问题解决方法总结
- 文本中的换行问题,解决方法.
- 安全字符串 SecureString 的设计与实现 [1] 现有问题与解决方法
- MySQL5.0中文问题及JDBC数据库连接和JSP汉字编码问题解决方法总结
- 解决头文件相互包含问题的方法----超前引用- -