HTML相关 超长链接的自动换行

分享 网站

问题展示

最近在修改网站的主题时，发现了一些问题。以我目前正在修改的HEXO主题：varaint 为例。

在【静籁永恒 ～献给诞生之星的祈祷诗～ DX 开场动画提取 | 零神 • ZEROKAMI STUDIO】页面，百度云网盘的链接比较长，但又不是特别长，所以在维护过程中没有发现链接换行问题。

后续部署完成后，在手机上预览时才发现此问题。具体现象如图：

img

左图是受影响的banner部分，而右侧则是影响整体效果的链接（万恶之源）。

解决办法

为链接添加css属性：

1
overflow-wrap: anywhere;