Cross-browser multi-line text overflow with ellipsis appended within a fixed width and height

Question

I made an image for this question to make it easier to understand.

Is it possible to create an ellipsis on a

with a fixed width and multiple

Answer 1

There is no such feature in HTML, and this is very frustrating.

I have developed a library to deal with this.

• Multiline text-overflow: ellipsis
• Multiline text with technologies that does not support it: SVG, Canvas for example
• Have exactly the same line breaks in your SVG text, in your HTML rendering, and in your PDF export for example

Check out my site for screenshot, tutorial, and dowload link.