方法一 word-break 属性规定自动换行的处理方法

值——>描述
normal 使用浏览器默认的换行规则。
break-all 允许在单词内换行。
keep-all 只能在半角空格或连字符处换行。

#wrap {
  word-break: break-all;  
  // 设置当前换行宽度
  width: 200px; 
}

方法二 word-wrap 属性允许长单词或 URL 地址换行到下一行。

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

#wrap {
  word-wrap: break-word;
   // 设置当前换行宽度
  width: 200px;
}