text-wrap-pretty-line-clamp-crash-001.html (950B)
1 <!DOCTYPE html> 2 <html lang="en" > 3 <meta charset="utf-8"> 4 <title>CSS test: line-clamp and text-wrap: pretty will not crash</title> 5 <link rel='author' title='Andreu Botella' href='mailto:abotella@igalia.com'> 6 <link rel='help' href='https://drafts.csswg.org/css-overflow-4/#line-clamp'> 7 <link rel='help' href='https://drafts.csswg.org/css-text-4/#text-wrap-style'> 8 <style> 9 div { 10 border: solid; 11 font-family: monospace; 12 width: 9.1ch; /* .1ch to work around browser bugs */ 13 } 14 .test { 15 text-wrap-style: pretty; 16 line-clamp: 1; 17 /* This code is unnecessary in any browser that supports the unprefixed version of line-clamp, 18 but neither does it have any detrimental effect, 19 and it broadens the test to browsers that only support the prefixed version */ 20 21 -webkit-line-clamp: 1; 22 display: -webkit-box; 23 -webkit-box-orient: vertical; 24 overflow: hidden; 25 } 26 </style> 27 28 <div class=test> 29 1 2 3 4 5 30 6 7 8 31 </div>