css-the ellipsis after the text is out of view

1, if it is a single line of text:

Overflow:hidden;text-overflow:ellipsis;white-space:nowrap;

2, if it is multi-line text, the text box height is set to a multiple of the text line, and then after the text to build a content for the "..." width of 1em and set the text background color of after pseudo-class, relative to the text box set absolute position is the bottom 0 right 0, which can be visually achieved the same ellipsis effect.

3, or create a new element directly after the text box, such as

The bottom right corner shows the details, and is a link, you can create a new link, and then absolute position 0 bottom 0, remember to set the background color.

There are other big ways on the Internet to continue learning.

css-the ellipsis after the text is out of view