使用Bootstrap在移动屏幕上URL长度超过允许宽度的样式问题

Question

我正在尝试在不更改网址的情况下解决此问题，

在移动设备上 - 不允许使用允许的宽度，因为URL没有短划线或空格：

这会扩大整个屏幕的宽度，使用户能够将屏幕向左滑动......

我知道我可以使用文本框并限制其限制，但我想知道是否还有其他解决方案...

是否有某种风格可以帮助防止这种情况？

Answer 1

您可以尝试将word-break: break-all; word-wrap: break-word;添加到<a>元素。

Answer 2

您可以尝试this之类的css规则word-wrap: break-word。