防止长文本溢出

Question

How do I break all words (inside the <pre> ) that are too long that keep overflowing:

<pre>A paragraph is a group of words put together to form a group that is usually longer than a sentence. Paragraphs are often made up of several sentences. There are usually between three and eight sentences. Paragraphs can begin with an indentation (about five spaces), or by missing a line out, and then starting again. This makes it easier to see when one paragraph ends and another begins.</pre>

Answer 1

You can use word-wrap and white-space to achieve the desired results. Like this:

 pre { white-space: pre-wrap; word-break: break-word; }

 <pre>A paragraph is a group of words put together to form a group that is usually longer than a sentence. Paragraphs are often made up of several sentences. There are usually between three and eight sentences. Paragraphs can begin with an indentation (about five spaces), or by missing a line out, and then starting again. This makes it easier to see when one paragraph ends and another begins. </pre>

NOTE : I have used css on element that sets white-space to pre-wrap and word-break to break-word .