首页 > 代码库 > 英文字符和汉字自动换行和不换行的问题

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

问题:

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

技术分享技术分享

原因:

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

解决:

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

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

</div>

参考链接:

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

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

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

 

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