hyphenation-control-1-ref.html (1116B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <style> 5 code { 6 display: block; 7 hyphens: manual; 8 border: 1px solid black; 9 /* Prefer Courier New if available, as otherwise Menlo may be used, 10 and its HYPHEN and HYPHEN-MINUS glyphs don't match. */ 11 font-family: Courier New, Courier, monospace; 12 } 13 </style> 14 </head> 15 <body lang="en-us"> 16 <!-- 17 Hyphenation opportunities of the texts in this test are as follows, 18 19 frag[A]ilis[A]tic[C]ex[A]pi[A]ali 20 21 where [A] is an automatic hyphen, and [C] is a conditional hyphen. 22 23 In this test, we set width to somewhere between every pair of adjacent hyphenations, 24 then we see if lines break correctly. 25 --> 26 <code style="width:4ch;"> 27 frag-<br />ilis-<br />tic-<br />ex-<br />pi-<br />ali 28 </code> 29 <br /> 30 <code style="width:5ch;"> 31 frag-<br />ilis-<br />tic-<br />expi-<br />ali 32 </code> 33 <br /> 34 <code style="width:9ch;"> 35 fragilis-<br />tic-<br />expiali 36 </code> 37 <br /> 38 <code style="width:12ch;"> 39 fragilistic-<br />expiali 40 </code> 41 <br /> 42 <code style="width:14ch;"> 43 fragilistic-<br />expiali 44 </code> 45 <br /> 46 <code style="width:16ch;"> 47 fragilistic-<br />expiali 48 </code> 49 </body> 50 </html>