英文或者数字，内容超长时，换行显示

今天测试提出一个小问题：

产品标题读取后台内容，但是测试人员维护的内容是一串数字或者英文，那么数字会超出div甚至body，手机端显示的是overflow-y:visible;的效果，也就是可以左右拖动了。

这个就尴尬了。

如果是汉字，那么超出宽度时会自动换行。那么就需要显式地定义一下，内容超长就换行：

 

 

word-wrap属性允许超长的内容可以自动换行。

word-wrap: normal|break-word;

normal,只在允许的断字点换行（浏览器保持默认处理）。
break-word,在长单词或 URL 地址内部进行换行。

 

 

那么在div上使用 word-wrap:break-word; //强制换行　　就可以了。

 

转载于:https://www.cnblogs.com/new-dream-new-hope/p/9134029.html