英文字符和汉字自动换行和不换行的问题

问题:

因为是标题是英文结尾的,不能自动换行,导致有部分不能显示。界面拉伸到最大也不能全部显示,下边的正文是可以自动换行的。

原因:

连续长文字英文如果没空格不换行,中文自动换行。

解决:

word-break:break-all样式里面加这个就可以了。
如:

<div style="word-break:break-all;width:60px;overflow:hidden;">
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

</div>

参考链接:

360浏览器下如何使连续长文字自动换行-div+css重构

英文字符和汉字自动换行和不换行的设置

兼容多浏览器,兼容 div、p、td 的强制不换行及强制换行

 

posted @ 2015-02-03 16:51  omigia  阅读(434)  评论(0编辑  收藏  举报