When the CSS text exceeds the div or span, the ellipsis and cssdivspan ellipsis are displayed.

When the CSS text exceeds the div or span, the ellipsis and cssdivspan ellipsis are displayed.

We often need to display the excessive text length as a ellipsis:

Thought:

First, set the width and hide the excess parts.
If the number is exceeded, the ellipsis is displayed at the end.
Keep text line breaks

The specific css code is:

. Title {

Width: 200px;
Overflow: hidden;
Text-overflow: ellipsis;
White-space: nowrap;
Word-break: keep-all;

}

You don't need to write the Html code, just a div or span class = "title.