Shulou(Shulou.com)06/02 Report--

This article mainly introduces the relevant knowledge of "automatic line wrapping of long English letters or long numbers in CSS div". The editor shows you the operation process through actual cases. The operation method is simple, fast and practical. I hope that this article "automatic line wrapping of long English letters or long numbers in CSS div" can help you solve the problem.

In the div css organization, when you encounter continuous English letters or consecutive numbers in a row in boxes such as div, p, h3, H2, etc., it is revealed that the performance will not automatically change lines according to the box width limit. Here CSS5 introduces the application of css style for everyone to simply implement DIV to put letters in English or numbers to actively wrap.

Although Chinese calligraphy in DIV or any box will be passive line wrapping is not important CSS fancy implementation, only intermittent letters or numbers will not automatically wrap the problem, so it is important to CSS dotting.

However, it is rare to have endless rows of letters or numbers in a box, although the following CSS DIV tutorials can be used to plan.

I. CSS attempt

Word-wrap:break-word

Comment: when using break-word, you will be forced to change the line.

Compatible with all versions of IE hunter, compatible with Google browser.

2. Screenshots of example codes and results of CSS's active line wrapping

1. Incomplete HTML+CSS code

An online example of CSS5 CSS actively changing lines in English

.CSS5 {border:1px solid # 00F; height:120px; width:200px;word-wrap:break-word}

Aabbfjdlkfldsjfldsjfldjfljdlafjldsjflkdjflkdsjfldfjdlj

138787843748927493274392749327493

2. Screenshot of achievement of an example

This is the end of the introduction of "the method of automatic line wrapping of long English letters or long numbers in CSS div". Thank you for your reading. If you want to know more about the industry, you can follow the industry information channel. The editor will update different knowledge points for you every day.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.