How to force line feeds in CSS

This article mainly explains "how to force CSS to change lines". Friends who are interested might as well take a look. The method introduced in this paper is simple, fast and practical. Let's let the editor take you to learn "how to force a new line in CSS".

The code is as follows:

Width: 200px; / * the width must be defined according to the demand. It can be set 100% * / word-break: break-word; / * any word of the text line * / word-wrap: break-word; / * IE * / white-space:-hp-pre-wrap; / * HP printers * / white-space:-oMutham wrap. / * Opera 7 * / white-space:-pre-wrap / * Opera 4-6 * / white-space:-moz-pre-wrap; / * Mozilla * / white-space: pre; / * CSS2 * / white-space: pre-wrap; / * CSS 2.1 * / white-space: pre-line; / * CSS 3 (and 2.1as well, actually) * /

You can add the above code to the objects that need to force line wrapping. In fact, it serves as all the major browsers, considering that several major browsers are compatible with line wrapping, and solve the method of not wrapping lines on the right side after consecutive numbers without spaces and too many letters.

At this point, I believe you have a deeper understanding of "how to force CSS to change lines". You might as well do it in practice. Here is the website, more related content can enter the relevant channels to inquire, follow us, continue to learn!