It is a practical function to use CSS to intercept strings and display them as ellipsis. It is used by the CSS front-end for processing to reduce the waste of server resources and make the webpage faster, however, sometimes, due to the compatibility of the browser, the processing methods of CSS string Truncation in IE and Firefox are different.CodeIt solves the problem of CSS string truncation under Firefox.
------------------------------ CSS style -------------------------------------
<Style> <style type = "text/CSS"> <! -- Body {font-family:; font-size: 12px; color: #333333 ;}. div1 {width: 200px ;}. div1 A {white-space: nowrap; text-overflow: ellipsis;/* for Internet Explorer */overflow: hidden; width: 168px; + width: 200px; _ width: 200px; display: block; float: Left;} HTML> body. div1: After {content :"... "; margin-left: 5px;} --> </style>
--------------------------------------- HTML ------------------------
<Div class = "div1"> <a href = "#"> it is a practical function to intercept a string with CSS and display it as a ellipsis, hand the part to the CSS front-end for processing </a> </div>