Solve the problem that long numbers cannot be automatically wrapped or long letters cannot be wrapped in a browser.

Source: Internet
Author: User

First, let's take a look at the problem:

For example:

11111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111

Zookeeper

Is the layout of the blog garden ruined ??

 

Analyze the cause of the problem:

I personally thinkLong numbers and long letters are considered as a word.An Dao Li: A Word should not be separated. It must be displayed all the time and no one knows it after it is split. Therefore, the browser will not give you a line break and the layout will be destroyed!

Then I tried on the flash memory in the blog park to see if this problem exists and Google browser is normal.

After reading the code, it is the word-wrap: Break-word.Content will wrap in the boundary

This will happen after removal.

It seems that our problem has been solved, but the IE browser is not so good, please refer:

No changes. It's just a long number without line breaks!

The solution is:Just add a <p> label to the long number.

See the resolved ie:

Google Browser:

Perfect solution!

Solve the problem that long numbers cannot be automatically wrapped or long letters cannot be wrapped in a browser.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.