In css3, word-wrap is allowed in the word and how to deal with the word-break, css3word-wrap

In css3, word-wrap is allowed in the word and how to deal with the word-break, css3word-wrap

First, let's talk about the default behavior of the browser. When a long word is too long to exceed its region, it is first moved to the next line.

1. word-wrap: break-word

In the w3school manual, long words or URL addresses are allowed to wrap to the next line. That is to say, when the length of a word exceeds its region, the browser moves the extra characters to the next line.

This attribute only allows the browser to wrap long words first, because when the length of a word is too long, the browser first moves it to the next line by default. If this attribute is set, long words are truncated.

2. The word-break: break-all attribute specifies the processing method of the automatic line feed.

It means that the truncation is truncated when any part of the line exceeds the region. If this attribute is not added, the browser will first move it down by default,

After setting the word-break: break-all attribute, perform Truncation in the current row.