---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-break: Break-all and word-wrap: Break-word can automatically wrap the content of a container such as Div.
Their differences are:
1. Word-break: Break-ALL: for example, if the DIV width is PX, its content will be automatically wrapped in PX. If
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
Cssword-break: break-all and word-wrap: break-word can automatically wrap the content of a container such as DIV. However, there is a difference between the two. This article introduces the difference between css automatic line feed word-break:
you change the 111111111111 to a Chinese test, because the system refers to a large pile of 111111111 as a word. A word is not a newline.
1. Force not to wrap and end with ellipsis.
Hey, friend, friend, friend, why can't I see the effect?
2, CSS
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,
Recently, some customers have reported that the website shop format is disordered and the contact style is disrupted. I don't know why the form is seriously changed. I am tortured to view the template, there is no problem with the template, and
In Div, text la s often occur, and line breaks are messy.Problem description: 1. If it is a full English string, it does not contain any symbols (including spaces) and does not wrap automatically.2. If the English and Chinese characters are mixed, a
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
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.