Word-break and word-wrap are the same in many cases. They did not see the difference one morning.
Example:
. Mbox H2 span. top_notice {Font: normal 12px ""; position: absolute; Right: 10px; bottom: 1px; line-Height: 40px; padding-left: 20px;
Word-wrapVersion: ie5.5 + private property inheritance: Yes Syntax: Word-wrap:Normal|Break-word Parameters: Normal:Allows the content to expand the specified container BoundaryBreak-word:The content will wrap in the boundary. If necessary, the line
1, Word-wrap and word-break distinguish. SOURCE Scenario: Mechanical Lease MVC Driver Information View: When the text of the note is many, the value of the first column looks like this: solution: Set the TD for Table to wrap automatically. First
1. Firefox style sheet definition does not support unlabeled cursor: hand. We use standard cursor: pointer
2. compatible with IE Firefox to solve text overflow problems (Word-wrap: Break-word; Word-break: Break-All)Click here to download the
The following are common browser support information:Surface is the support of common browsers: IE6/7/8[1] Firefox2/3[2] Firefox3.5 Opera9 + Safari9.5 +/Chrome
function Chang (str, len) {function Lenstat (str) {function Ischinese (str) {///judgment Yes Not chinese var reCh =/[u00-uff]/; return!rech.test (str); } var strlen = 0; The initial definition length is 0 var
Word-break: normal | break-All | keep-allParameters:Normal: line breaks are allowed according to the text rules of the Asian and non-Asian languages.Break-ALL: this behavior is the same as that of the Asian language normal. It also allows non-Asian
Recently, when using the DataGrid, the characters in the table often make the table format messy. Because there are too many characters in a grid, the entire grid is broken down.The current solution isProtected void page_load (Object sender,
The best way isWord-wrap: break-word; overflow: hidden;InsteadWord-wrap: break-word; word-break: break-all;NeitherWord-wrap: break-word; overflow: auto;
There is no problem in IE. In FF, long strings of English will be overwritten.
Differences
This article mainly introduces HTML table labels and related line breaks. It provides a solution to force line breaks and force line breaks. For more information, see
What is table:The table's Html table is also the carrier of data.
The following is
Document directory
Browser compatibility
Word-wrap is supported on the latest Firefox (3.5 +), refer to https://developer.mozilla.org/En/CSS/Word-wrap
Browser compatibility
Browser
Lowest version
Internet Explorer
5.5
A deep understanding of the blank characters and line breaks in CSS, css characters and× Contents [1] white-space [2] word-wrap [3] words before word-break
CSS3 adds two new line feed attributes: word-wrap and word-break. Put a blank character and a
Word-wrap controls the line feed. Optional values: word-wrap: break-word | normal | break-all | keep-allBreak-word: it is mainly used to control whether to forcibly wrap words. It has no problem with Chinese and English, but is invalid for long
The final solution for long English line breaks: Add style = "word-wrap: Break-word; Table-layout: fixed; Word-break: Break-all" to the table label" If you can, you don't have to look down. Differences between word-wrap and word-break
Differences between word-break work-wrap and wordwrapwordbreak
Word-break: [word breaking]
Definition: Define the handling method of automatic line feed. Note: Use word-break to enable the browser to wrap lines at any position.
Syntax: word-break:
When there is a theft incident in the community, do you always worry about the theft of your home on the subway at work, in front of your computer at work station, during a late night gathering, or when you are traveling?Now let's talk about how to
Word-wrap controls the line feed. Optional values: word-wrap: break-word | normal | break-all | keep-all
Break-word: it is mainly used to control whether to forcibly wrap words. It has no problem with Chinese and English, but is invalid for long
The recent page layout encountered more, so intends to summarize the summary.Word-wrap:1.normal (Use browser default line-wrapping rules)2.break-word (content will be wrapped within the boundary, but the English line is segmented by word)word-break:1
Tip: You can modify some of the code before running
Text, here is the text, want more text, then start copying ... Text AH text, here is actually text, want more text, then start copying ... Text AH text, here is actually text, want
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.