How to Use CSS to extract titles and use ellipsis to represent excess parts, css ellipsis

How to Use CSS to extract titles and use ellipsis to represent excess parts, css ellipsis

How to extract titles using CSS and use ellipsis to represent excess parts:

Many websites have this effect. When the news title is too long, a part is usually intercepted and a ellipsis (...) is used at the end to indicate the part to be truncated. Of course, this effect can also be done by background programmers. Of course, the front-end staff can also achieve this effect by using CSS, which saves a lot of background Code and is quite a bit small. The following describes how to achieve this effect. The code example is as follows:

<! DOCTYPE html> 
The above code achieves the desired effect. Set the text-overflow attribute value to ellipsis.
Note: overflow: Den den and white-space: nowrap must be set to take effect. Otherwise, the text will overflow or generate line breaks.
Original address: http://www.51texiao.cn/div_cssjiaocheng/2015/0504/724.html
The original address is: http://www.softwhy.com/forum.php? Mod = viewthread & tid = 4644.