Limit paragraph text using css

Asked Jul 26 '16 at 09:31

Active Jul 26 '16 at 09:31

Viewed 198 times

I want to limit my paragraph to five lines and want to add read more link after that. (That link direct to another page). I want to do it using CSS and i tried following examples, but they are not working for me.

http://jsfiddle.net/csYjC/1131/

http://jsfiddle.net/csYjC/1122/

http://joelsaupe.com/programming/multiple-line-ellipsis-css/

I can limit it only one line using white-space: nowrap;

Why this isn't work? What is the best way to do this?

Any help highly appriciate. Thanks,

asked Jul 26 '16 at 09:31

Udara Herath

like this http://jsfiddle.net/csYjC/4411/ – Leo the lion Jul 26 '16 at 09:39
@Leothelion i tried it. But it's not woking – Udara Herath Jul 26 '16 at 09:42
Check my fiddle...working there..or share the demo where its not working. – Leo the lion Jul 26 '16 at 09:43
@Leothelion it's woking now. I have override some css class. I want to know one thing. Is there any possible way to add a " read more " link after that 3 dots. – Udara Herath Jul 27 '16 at 04:15
if you are ok with jquery then see [this](http://stackoverflow.com/questions/16058483/how-do-i-add-a-read-more-link-at-the-end-of-a-paragraph) – Leo the lion Jul 27 '16 at 05:57

Limit paragraph text using css

0 Answers0