CSS to resolve English characters and an Apache digital word-wrapping

Source: Internet
Author: User
Tags php programming string

Word-wrap is the control of line-wrapping, preferably: Word-wrap:break-word normal Break-all Keep-all

Break-word: It is mainly used to control whether the word will be forced to change lines, there is no problem in Chinese and English, but for the long string of English is invalid.

Normal: The English word is not taken apart, it is the default value.

Break-all, the main solution to the long string of English problems. It is mainly used to disconnect words. The next letter automatically comes to the next line when the word is to the boundary.

Keep-all refers to the continuous words between Chinese, Japanese and English words. That is, only at this time, without Word-wrap, Chinese will not be changed line. (The English sentence is normal.) )

ie: using Word-wrap:break-word; all is normal.

FF: If these 2 are not necessary, Chinese will not have any problems. There is no problem with English sentences. However, long string of English will be problematic.

In order to solve long string English, general use Word-wrap:break-word;word-break:break-all; However, this method can cause the words in the ordinary English sentence to be disconnected (ie also).

The best way is to Word-wrap:break-word; Overflow:hidden;

rather than Word-wrap:break-word; Word-break:break-all;

nor is it word-wrap:break-word; Overflow:auto;

(Firefox browser) consecutive English characters and Arabic numerals break, all versions of Firefox did not solve this problem, we have to let go beyond the bounds of the characters to hide or, add a scroll bar to the container


#wrap {word-break:break-all; width:200px; overflow:auto;}

<div id= "Wrap" > Resource Network-focus on Web front-end development and PHP programming design </div>




Related Article

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.