英文网址在div容器不换行，溢出的问题

解决方法：

给div设置css属性：word-break: break-all;

如下：

<div>
  <div class="website" style="width:300px;">
    https://https://mp.csdn.net/mp_blog/creation/editor?spm=1001.2014.3001.5352
  </div>
</div>

<style>
.website {
  word-break: break-all;
}
</style>

CSS word-break 属性

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

语法：

word-break: normal|break-all|keep-all;

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

记录于2022-03-31