css吧+ 关注 关注: 帖子:4

  

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

  • 枫之精英

    案例分析

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

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

    解决方法

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

    就可以解决这个问题,如下图:

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


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

  发表回复

    发帖