line-clamp-auto-032-ref.html (537B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Reference</title> 4 <style> 5 .clamp { 6 display: flow-root; 7 font: 16px / 32px serif; 8 background-color: orange; 9 } 10 .inner { 11 white-space: pre; 12 margin: 5px; 13 background-color: yellow; 14 } 15 .collapse-through { 16 margin: 5px; 17 } 18 .abspos { 19 position: absolute; 20 right: 0; 21 height: 100px; 22 width: 100px; 23 background-color: skyblue; 24 } 25 </style> 26 27 <div class="clamp"> 28 <div class="inner">Line 1 29 Line 2 30 Line 3 31 Line 4</div> 32 <div class="collapse-through"></div> 33 <div class="abspos"></div> 34 </div>