【CSS】长串字符不换行

问题

在div内输入一长串连续的英文字符:XXXXXXX......XXX

出现字符超出,不自动换行的情况:

 

 

原因:因为打的是连续字符,被是为一个长单词,故不换行。

解决

  1. 打中文字符或者用几个空格隔开
  2. word-wrap: break-word;

     

 

 

结果

 

 

 

 

 

posted @ 2021-04-25 22:05  leah-xx  阅读(226)  评论(0编辑  收藏  举报