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 encounter English text more than fixed width in the production, do not change their own line of issue. This sort of problem is mostly controlled by Overflow:hidden or JavaScript in the past, making it look clos
Text wrap: word-wrap, word-break, and white-space,
Synchronize this article to public number: http://mp.weixin.qq.com/s? _ Biz = MzAxMzgwNDU3Mg == mid = 401671055 idx = 1 sn = b88c986e61708da0027fac035ad36f0f # rd
If you are interested in subsequent articles, add the following:
The text is not fully displayed in some places. To view all the content, click the original text link above.
When formatting the
---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 two P element is not wrapped, search for a system to find the answer, to ask the big God in the group, only to know that the problem of English segmentation, but
"note" Wrap (): Adds the specified HTML structure to the outside of each matching Element.Wrapall (): adds a specified HTML structure for all matching elements (as a whole) outside原文地址:http://www.365mini.com/page/jquery-wrap.htmwrap()The function is used to wrap the specified HTML structure outside of each matching element .relative to the function is the unwrap () function, which is used for the parent ele
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 processing).2, Word-wrap:break-word: In the long word or URL address inside to wrap. ( that is, a long word at the end of
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, and then try to use a newline style, although solve the problem, but did not find the essential reason, The essence is that the data I get at that time is a long list of numbers, and the browser should be similar to the way the numbers and English wor
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: break-all and word-wrap: break-word to the coders.
1. word-break: break-all, for example, if the width of p is PX, its c
ProblemWhen a block element that defines the width is filled with all plain English or pure numbers, it will hold large containers in IE and FF, do not wrap automatically, and when numbers or English characters are in Chinese, they will be wrapped in Chinese characters, while pure Chinese characters can be automatically wrapped. How to solve this problem? Let's meet two characters Word-wrap and Word-break.W
Today the project encountered a problem, a long string of strings such as: 003403ff0014e54016030cc655bc3242, but such as: Yuhua District, Shijiazhuang City, Hebei Province, China Huai an road Masakiyo street intersection so you can change line.The reason is: if there is no space between the letters, the system is considered a word and will not be wrapped automatically. This is not the case with Chinese characters.Workaround:Use the form to load the content to be displayed.Add "style= ' table-lay
Today, I encountered a text line break in TD text, and found that the text is: white-space: nowrap, that is, force text not to wrap. By the way, I checked the text line feed attribute word-wrap, which is summarized as follows: the default value of white-space is normal and the line feed is automatically generated. Word-break: Break-all and word-wrap: Break-word i
Today encountered TD text content does not wrap, found that: White-space:nowrap, that is, forced text does not wrap, by the way, the text wraps the property Word-wrap, summarized as follows:
The default for White-space is normal, which wraps itself.
Word-break:break-all and Word-wrap:break-word are forced to wrap, t
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, and then try to use a newline style, although solve the problem, but did not find the essential reason, The essence is that the data I get at that time is a long list of numbers, and the browser should be similar to the way the numbers and English wor
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 processing).2, Word-wrap:break-word: In the long word or URL address inside to wrap. ( that is, a long word at the end of
Text Box continuous inputNumber "111111111111111111" orThe English word "adkjsakfjsalfkjsalkdjaslkfjsalkf"What will happen? --- Text overflow. The general solution is to use overflow: hidden to hide text. Is there a better solution to text? For children's shoes of QA, automatic line breaks are required.Use word-wrap: break-word.Explanation in the css ManualWord-wrapBasic FeaturesCompatibility: IE5.5 + private attributesBasic syntaxWord-
This method is used to wrap all matching elements in a structured tag of other elementsInstance: Thisis unwrap test[JQuery document processing Wrap (HTML|ELEMENT|FN)] This method is used to wrap all matching elements in a structured tag of other elements
1 in the Android camera code is to get the camera hardware parameters, print out a line, even if the use of Notepad wrap is not good to watch the followingRdcamerasdk=true;capture-burst-interval-max=10;zoom=0;redeye-reduction-values=;qc-ext-mode=none; max-num-detected-faces-hw=5;scene-detect-values=off,on;qc-camera-features=1;ext-mode-pip-picture-num=0; Face-detection-values=off,on;whitebalance=auto;max-sharpness=30;preview-format-values=yuv420sp,yuv4
When I was working on a project recently, I had this problem: I used the GridView to display my schedule, and each cell included the course name, the class location, the teacher's name, and then I wanted to show them the branches, and the effect was as follows:
However, the GridView is too tenacious, no matter when I stitching strings with "\ r \ n" or "
The line-wrapping problem in the GridView can be divided into two categories: one is to wrap th
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 the end of the line has a long English word (congratulation, etc ), it truncates the word and converts it to the backend part of the row whose end is CONRA (con
This article mainly introduces about CSS (Word-wrap/break) so that the pure English digital automatic line-wrapping, has a certain reference value, now share to everyone, the need for friends can refer to
In IE and FF will support large containers, will not automatically wrap and when the number or English with Chinese characters, will be changed from the Chinese characters, and pure Chinese characters can
Css implements long English text or link wrap and css wrap
In the web page layout, long English or links are often arranged in a row of boxes such as div. The display will not automatically wrap with the box Width limit. How can this problem be solved? This article uses examples to explain how to use css long English or link to automatically
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.