Are there alternative methods to truncate text without relying on webkit-line-clamp? I need to implement this in an email, so using it is not an option.
This is the current code snippet I am working with:
<style>
h2 {
line-height:1.5rem;
max-height:3rem;
overflow: hidden;
text-overflow: ellipsis;
}
</style>
<h2>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et.Lorem ipsum ...
The issue I am facing is that the ellipsis (...) does not show when the text overflows. While JavaScript might be a potential solution, given the email constraints, that approach cannot be utilized (I attempted it and encountered issues, for more information refer to Is JavaScript supported in an email message?)