Chrome/Edge and Firefox wrap long hyperlinks differently. Why?-CodePudding

The

Chrome and Edge:

overflow-wrap: initial /* normal */:

Firefox:

Chrome and Edge:

CodePudding user response：

break-word: If the exceeds the width of the line, then the word is forced to splite and wrap.

You can refer to this doc for some explanations of the value of the overflow-wrap property, and I think the results shown in Edge/Chrome are correct.

In your example, the text is treated as a single word, so when setting the attribure value to normal or initial, it will not be forced to splite. You can add a few spaces to the text and you will find out this.

CodePudding user response：

Just don’t use web addresses as link text. Use descriptive phrases that provide context for the material that you’re linking to.

https://developers.google.com/style/link-text