CSS Text-overflow overflow text display ellipsis

<Divstyle= "width:100px; overflow:hidden; text-overflow:ellipsis"><nobr>Show ellipsis when text inside an object overflows</nobr></Div>Syntax: text-overflow:clip | ellipsis parameter: clip: Do not show ellipsis (...) ), but a simple cut (clip This parameter is not used!) Ellipsis: Displays an ellipsis (...) when text inside an object overflows. Description: Sets or retrieves whether an ellipsis tag (...) is used.　　) indicates an overflow of text within the object.　　Please note that the Text-overflow:ellipsis property is not effective in FF.　　Example: div {text-overflow:clip;} Text-overflow is a very special style, we can use it instead of the title intercept function we usually use, and this is more friendly to search engines, such as: the title file has 50 characters, and our list may be only 300px width.　　If the title intercepts the function, then the title is not complete, if we use CSS style text-overflow:ellipsis, the output title is complete, but only by the size of the container is not displayed. As for how the Text-overflow attribute is applied, we explain it as follows: The Text-overflow property is only annotations, and if the text overflows, the ellipsis is displayed. No other style attribute definitions are available. We want the effect of an ellipsis to occur when the overflow is implemented. You must also define: Force text to appear on one line (white-space:nowrap) and overflow content to be hidden