line-clamp-auto-039.html (717B)
1 <!DOCTYPE html> 2 <html> 3 <meta charset="utf-8"> 4 <title>CSS Overflow: `line-clamp: auto` empty div</title> 5 <link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net"> 6 <link rel="help" href="https://drafts.csswg.org/css-overflow-4/#line-clamp"> 7 <link rel="match" href="reference/line-clamp-auto-039-ref.html"> 8 <meta name="assert" content="Checks that the clamp point is after, rather than before, an empty div, and that this results in no ellipsis being inserted as the last thing before the clamp point isn't a line"> 9 <style> 10 .clamp { 11 line-clamp: auto; 12 max-height: 4lh; 13 background-color: yellow; 14 } 15 </style> 16 <div class="clamp"> 17 Line 1<br> 18 Line 2<br> 19 Line 3<br> 20 Line 4<br> 21 <div></div> 22 Line 5 23 </div>