I am creating a web app using ASP.NET MVC, which shows some articles to

Question

Editorial Team

Asked: June 8, 20262026-06-08T01:29:59+00:00 2026-06-08T01:29:59+00:00

I am creating a web app using ASP.NET MVC, which shows some articles to user.

And there is a summary of every article on a div.

Currently, I’m loading the whole content in summary div and set this style overflow:hidden for that. This is the result:

Current result

But that fragmentary line (last line) is ugly, also whole content is downloading to user’s computer, which is bad for speed and performance.

I want to have something like this: (the image below is my goal)

Goal

(Remove that fragmentary text at last line, and add ... at the end of text)

Also it is good to avoid downloading whole content to user’s computer.

How to do that?

PS: Anyone know a better title for this question?!

You must login to add an answer.

Need An Account,

Editorial Team · Answer 1 · 2026-06-08T01:30:01+00:00

Editorial Team

Put your text in another div and use height + line-height

If you want to end with ellipsis there is no solution in CSS3 for multiline text. You must use javascript, for example: http://pvdspek.github.com/jquery.autoellipsis/

Example of jquery autoellipsis: http://jsfiddle.net/bdM89/1/

The Archive Base Latest Questions