HTML exceeds text display ellipsis ... Implemented by Text-overflow

HTML out of text display ellipsis in some news list is still a more common practice, in fact very simple through the text-overflow can be achieved, the need for friends can refer to the following article

CSS needs to be applied to div or span at the same time:

Copy Code code as follows:
Text-overflow:ellipsis;
White-space:nowrap;
Overflow:hidden;

You can achieve the desired overflow text to display the ellipsis effect.
Of course, your page elements will be set to a fixed width, beyond the width of the display.

Note : For more wonderful tutorials, please pay attention to the triple web Design Tutorial section,