Hi guys i would like to know is there any feature in css that will give a paragraph overflow?
Assuming i have this paragraph
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent congue purus quis nisi bibendum convallis vel non leo. Vivamus varius, lorem et gravida faucibus, mauris arcu laoreet metus, at eleifend neque eros eget erat. Sed sed lectus vel nibh suscipit convallis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec ipsum tortor, interdum id sagittis eu, porta vitae mauris. Donec nec porttitor risus. Maecenas justo tellus, accumsan vitae lacinia non, rutrum dignissim leo. Vestibulum vestibulum erat a ipsum gravida auctor. Duis aliquet nisi nec tortor euismod tempus.
Quisque malesuada semper tempor. Etiam placerat rutrum erat, vitae euismod massa tempor quis. Ut ac massa nunc, eget dapibus metus.
Now I want to apply a text-overflow here like i just want it to be like this
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent congue purus quis nisi bibendum convallis vel non leo. Vivamus varius, lorem et gravida faucibus, mauris arcu laoreet metus, at eleifend neque eros eget erat. Sed sed lectus vel nibh suscipit convallis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas...
So basically when the paragraph text exceed the height of let say 70px. It will automatically apply the text-overflow: ellipsis, is there any css code that can do this? based from my googling the only available text-overflow is a single line so the ellipsis only apply on single line paragraph like so
A single line paragraph that w...
But i want it to apply multiple lines... is it possible? assuming i want my paragraph to have this css property
.myParagraph{
width: 150px;
height: 75px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
so i want it only to apply the text-overflow ellipsis when the paragraph reach the 75px height.... how can i do this?