Generic truncation of text (for inline and block):
. text-overflow { display:block;/* inline objects need to be added */ width:25em; word-break:keep-all;/* do not wrap */ whitewhite-space:nowrap;/* do not wrap */ overflow:hidden;/* content beyond the width to hide the contents of the outside part of the * * text-overflow:ellipsis;/* display ellipsis (...) when text inside an object overflows; use with Overflow:hidden; */}For the definition of a table literal overflow:
Show ellipsis for table out of range
table{ width:25em; table-layout:fixed;/* only the table-defined layout algorithm is fixed, the following TD definition will work. */} td{ width:100%; word-break:keep-all;/* do not wrap */ whitewhite-space:nowrap;/* do not wrap */ overflow:hidden;/* content beyond the width to hide the contents of the outside part of the * * text-overflow:ellipsis;/* display ellipsis (...) when text inside an object overflows; use with Overflow:hidden; */}Code:
<style type= "Text/css" > #p1 { padding:10px; width:200px; height:30px; text-shadow:3px 3px 3px #aaaaaa; border:1px solid #999999; text-overflow:ellipsis; Overflow:hidden; Word-break:break-all; white-space:nowrap; } </style><body><p id= "P1" title= "aaaaaaaaaaaaabbbbbbbbbbbbbccccccccccccccdddddddddddd" > AAAAAAAAAAAAABBBBBBBBBBBBBCCCCCCCCCCCCCCDDDDDDDDDDDD </p></body>Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
