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:
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
Post a Comment