html - Why webkit-line-clamp property doesn't work on Gmail Browser Email Client (in Chrome)? -


i have template email should display text in div. text should truncated on third line, in image bellow:

enter image description here

i use following css acheive effect.

<div style="overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;border: 1px solid red;width:200px;min-width:200px;min-height: 45px;height: 45px;max-height: 45px;font-size:14px;line-height:16px">      many times i've had design responsive websites targeting specific devices css media queries, , not      base break points site's content. because of this, i've ended large list of css      media queries typical devices on past year or two.  </div>

this html works if open email in ios mail client, doesn't work gmail browser client (in chrome browser).

is there way make webkit-line-clamp property works in gmail? thanks!


Comments

Popular posts from this blog

aws api gateway - SerializationException in posting new Records via Dynamodb Proxy Service in API -

asp.net - Problems sending emails from forum -