How to solve the problem of using CSS property Text-overflow

Text-overflow:clip | Ellipsis

This property must be used with a few properties

1,overflow:hidden;
This property is what should be done if the content area cannot fit. This allows the overflow content to be displayed directly. This feeling is an essential attribute. My content text overflow is all not displayed to crop. Otherwise, after cropping or showing overflow, I think the day dog.

　　　　　　　　　　　　　　
Tried the visible. That Text-overflow doesn't work. The overflow or overflow. I don't care if you use Text-overflow.

2,white-space:nowrap;
This property is an operation of a whitespace character. This is where the whole text is not wrapped, so the entire content line is displayed, and the width is used to crop it.

3,width;
This property controls the width of the content area. Text-overflow don't know where to start the truncation. I understand it myself;

The above CSS property Text-overflow use problem is small part to share all the content of everyone, hope to give you a reference, but also hope that we support a lot of topic.alibabacloud.com.