解决DIV重复文字内容太长导致溢出而不换行的问题

案例分析

平时我们做设计的时候，如果一个DIV中的内容都是重复文字的话，会出现下图中的情况：

内容不会自动按照DIV的宽度而自动换行，会变成一行显示

解决方法

实际上解决方法很简单，只需要在DIV对应的CSS属性里增加table-layout:fixed;word-break:break-all;overflow:hidden;

就可以解决这个问题，如下图：

内容也会自动换行了。