<script> | |
if (window.internals) | |
window.internals.settings.setAppleMailLinesClampEnabled(true) | |
</script> | |
<style> | |
div.clamp { border:5px solid black; -webkit-lines-clamp: 3 3 foo; -webkit-column-gap:50px; -webkit-column-rule:5px solid blue; } | |
#foo { height:50px; border:2px solid blue; -webkit-user-select:none; } | |
</style> | |
<body> | |
<div class=clamp> | |
<div> | |
Line One<br> | |
Line Two<br> | |
Line Three<br> | |
</div> | |
<div id="foo">The middle piece.</div> | |
<div> | |
Line Ten<br> | |
Line Eleven<br> | |
Line Twelve<br> | |
</div> | |
</div> | |