问题起源

昨天经理突然找我，说项目中有一个样式写炸了，不会自动换行。

我就去看了下，觉得很奇怪，正常输入中文的情况下自动换行都正常，怎么一个比较长的链接就能自带溢出这种操作的？？？

折腾历程

在经历了很多次百度…
p标签自动换行 百度一下
p标签里的链接不换行 百度一下
又看了一遍 overflow 属性…

都没有得到答案，好像关键词有那么点不对！！！我能怎么办啊我也很无奈啊！！！

解决方法

最后还是发现了这个问题：

和中文字符不一样的是，一个连续的数字或者英文字母并不会随着你定义了宽高的盒子实现自动换行。

因此你需要借助CSS样式来解决这个问题使它们能够强制换行。

word-wrap: break-word;

给代码中的对应标签设置此样式即可！！！