Solve incorrect line-wrapping problems with Word-break:break-all

This has been a long time in the news channel problem, today finally to solve it!

The problem is that, when there is a longer link address in a text, it causes the text before the link address to be wrapped correctly, the effect is as follows:

The corresponding HTML code is as follows:

< P > , you can choose your own list and the text will be updated automatically. For more details see:<href= "Https://github.com/github/task_list"  target  = "_blank">https://github.com/github/task_list</a></ P >

The problem-solving goal was always locked in the <p>, and the results remained unresolved.

Today the goal is locked to link <a>, quickly found a solution to the <a> add word-break:break-all CSS definition.

{word-break: break-all;}

The effect is as follows:

Solve incorrect line-wrapping problems with Word-break:break-all