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

取消只看楼主收藏回复

• 枫之精英
  

  案例分析

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

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

  解决方法

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

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

  内容也会自动换行了。（精英网枫之精英原创，允许转载，但请注明出处）

  
  

  1楼  2019/7/3 16:05:33  回复