本文摘自PHP中文网，作者醉折花枝作酒筹，侵删。
在css中，可以使用“word-wrap”属性设置自动换行，语法“word-wrap:break-word”。word-wrap属性设置长内容的换行方式，当值为“break-word”时，会在长单词或URL地址内部进行自动换行。
本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。
在div css布局中，遇到连续英文字母或连续数字在div、p、h2、h1等盒子里排成一排显示不会自动随盒子宽度限制而自动换行。
当然中文字在DIV或任意盒子中均会自动换行不需要CSS样式实现，只有连续的字母或数字会出现不自动换行问题，所以需要CSS解决。
解决方法：
1 |
|
解释：使用break-word时，是将强制换行。
兼容各版本IE浏览器，兼容谷歌浏览器。
相关阅读 >>
更多相关阅读请进入《css》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
