CSS single row overflow text display ellipsis... method (compatible with IE ff) (convert)
Html
Code :
CSS web design I love CSS-Standardized Web Div + CSS tutorial-www.52css.com
CSS code:Div {Width: 200px;/* basic definition of the
Too many characters in the list overflow using the ellipsis css method, ellipsis css
We often encounter too many texts. To avoid breaking the original layout, we need to replace the extra texts with ellipsis to achieve the following effects:
There
CSS text overflow ellipsis
Text-overflow:ellipsis
Ext-overflow is a special attribute that is in the previous document (the current document does not contain the Text-overflow attribute, fml!) The definition of this is:
Name:text-overflow-mode
It is common in Web development. That is, the text is too long, and the container of the text is not long enough, and we do not want to wrap the text, so we want to use ellipsis to solve this problem. However, in today's HTML standards, there
CSS text overflow ellipsis
Text-overflow:ellipsis
Ext-overflow is a special attribute, which is defined by the previous document in the current document (which does not contain the Text-overflow attribute, fml!):
Name:text-overflow-modeValue:clip
HTML uses CSS to make the text out of the section with an ellipsis of three points to display the method:I use the following code correctly, Li inside is a mark. Use in IE and Google is normal, Firefox does not know, I do not care, waiting for you
HTML uses CSS to make the text out of the section with an ellipsis of three points to display the method:I use the following code correctly, Li inside is a mark. Use in IE and Google is normal, Firefox does not know, I do not care, waiting for you
Code: Overflow:hidden; White-space:nowrap; Text-overflow:ellipsis; Key code: text-overflow:ellipsis; Explanation: The simple understanding is that I want to limit the text to one line (white-space:nowrap;), that the line is bound (width), and that
Show ellipsis effect after JavaScript exceeds container
In the actual project, due to the length of the text content uncertainty and the fixed page layout, it is inevitable that the text content over the div (or other tags, the same below) area of
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.