My objective is to have multi-line text that overflows its container have an ellipsis.
text-overflow: ellipsis works perfectly for a single line of text because white-space: nowrap is required.
Refer to https://jsfiddle.net/thebrain_ca/22hj1arn/2/
Text is clipped to two lines but without an ellipsis to indicate there was more text.
Chhange the css from whitespace: wrap to whitespace: nowrap.
Now the ellipsis shows, but text has been forced to a single line.
Does Prince have a way to allow the text to flow over multiple lines and still have an ellipsis displayed?
text-overflow: ellipsis works perfectly for a single line of text because white-space: nowrap is required.
Refer to https://jsfiddle.net/thebrain_ca/22hj1arn/2/
Text is clipped to two lines but without an ellipsis to indicate there was more text.
Chhange the css from whitespace: wrap to whitespace: nowrap.
Now the ellipsis shows, but text has been forced to a single line.
Does Prince have a way to allow the text to flow over multiple lines and still have an ellipsis displayed?