css 长英文url自动换行

浏览器默认的 长英文,超链接 在页面上呈现方式会溢出盒子,并且把页面给撑开,不注意就会出现水平滚动条。

问题

如图:

解决办法

要解决这问题,可以使用以下属性:

1
2
word-wrap: break-word;
word-break: break-all;

示例:

example.html

如图:

本文由 linx(544819896@qq.com) 创作,采用 CC BY 4.0 CN协议 进行许可。 可自由转载、引用,但需署名作者且注明文章出处。本文链接为: https://blog.jijian.link/2020-03-18/css-word-wrap/

如果您觉得文章不错,可以点击文章中的广告支持一下!