HTML-CSS中英文和数字不自动折行问的解决的两种方法（初学者）

当在一个块中输入中文，它可以自动折行如：

   

 

 但输入过多的英文单词或数字时，他会超出所设置边框，即无法自动折行：

 

     

 

 解决：

一：

 

 效果：

 

 二：

 

 效果：

 

  总结：无论时使用“word-break: break-all” 还是“word-wrap:break-word”都可以达到目的，它俩的区别就是：

word-break:break-all;(非常强烈的折行)

word-wrap:break-word;(不是那么强烈的折行)