---restore content starts---An analysis of WORD-BREAK|OVERFLOW-WRAP|WORD-WRAP--CSS English segmentationToday in learning overflow properties again, when viewing the effect, see the following results, content in the Div China, but the content of the
Word-wrap: Allows splitting of long, indivisible words and wrapping to the next line. (same effect in English and Chinese)Word-wrap has two values:1. Word-wrap:normal: line breaks only allowed hyphenation points (the browser keeps the default
Word-wrap: Allows splitting of long, indivisible words and wrapping to the next line. (same effect in English and Chinese)Word-wrap has two values:1. Word-wrap:normal: line breaks only allowed hyphenation points (the browser keeps the default
What are these two things, I believe there are still a lot of people confused, will only be rote writing a word-wrap:break-word;word-break:break-all, such things to force the segmentation, or because these two things are too awkward, The same length,
HTML blank character processing rules
In HTML, "Blank Space" includes space, tab, and line feed (CR/LF.
We know that by default, all blank characters in the HTML source code are displayed as spaces, and multiple consecutive blank characters are
English text more than fixed width, do not change their own line of question must have met, in the past is used Overflow:hidden or JavaScript to control, when CSS3 appear, we can use CSS3 text line word-wrap to solve this problem
We sometimes
CSS force HTML does not wrap CSS Force English word line breaking Force no line breakDiv { white-space:nowrapWrap LineDiv { word-wrap: break-word; word-break: normal; }Force English words to breakDiv { word-break:break-all;}CSS settings do not
P tags are automatically wrapped by default, so after setting the width, it is better to achieve the effect, but the recent project found that after using AJAX loading data, the contents of the P tag is not wrapped, resulting in a layout confusion,
I suddenly realized that I had been writing pages in my previous way of thinking, and I did not notice many details. Although it is truncated, the details still exist. For example, a word is also truncated when it is not required to be truncated, so
Article excerpt from: http://blog.csdn.net/cicada_slough/article/details/433053811. Word-break:break-all; only works in English, with the letter as the basis for line change2. Word-wrap:break-word; Only works in English, with words as the basis for
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.