How to use the text-overflow style attribute value ellipsis, overflowellipsis

How to use the text-overflow style attribute value ellipsis, overflowellipsis

1. Use the text-overflow style attribute value ellipsis in the div label:

<! DOCTYPE html PUBLIC "-// W3C // dtd xhtml 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

Ii. Method of Using text-overflow style attribute value ellipsis in table tag sub-tag td Tag:


<! DOCTYPE html PUBLIC "-// W3C // dtd xhtml 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
Note: The example in Code 2 fails to achieve the desired effect in some browsers (such as operabrowser.

{Text-overflow: ellipsis;} Where is this attribute in css in DW? How can I not find it?
DW does not have this attribute. You can modify css by yourself, and this attribute FF is not supported.

Where is the CSS attribute text-overflow inserted ????
Text-overflow has two attributes:
Clip simple cut text
Ellipsis displays ellipsis after cut text
Using text-overflow in a div alone is ineffective. The following two must be used together:
White-space: nowrap force do not wrap
Overflow: hidden overflow
For example:
<Div style = "width: 200px; height: 25px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden"> People's Republic of China </div>
You can also write a css style, and the class references it.
<Style type = "text/css">
. Mydiv {
Text-overflow: ellipsis;
White-space: nowrap;
Overflow: hidden;
Width: 200px; height: 25px;
}
</Style>
Then:
<Div class = "mydiv"> People's Republic of China </div>