segment-break-transformation-1.html (1635B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 6 <style type="text/css"> 7 div { border:1px solid black; } 8 b { font-weight:normal; background-color:yellow; font-size: 16px; line-height: 16px;} 9 .nowrap { white-space:nowrap; } 10 .pre { white-space:pre; } 11 .prewrap { white-space:pre-wrap; } 12 .preline { white-space:pre-line; } 13 </style> 14 </head> 15 <body> 16 <div> 17 <p><b><span>斷行 18 測試</span></b> 19 <p><b><span>斷行​ 20 測試</span></b> 21 <p><b><span>斷行 22 ​測試</span></b> 23 <p><b><span>斷行​ 24 ​測試</span></b> 25 <p><b><span class="nowrap">斷行 26 測試</span></b> 27 <p><b><span class="pre">斷行 28 測試</span></b> 29 <p><b><span class="prewrap">斷行 30 測試</span></b> 31 <p><b><span class="preline">斷行 32 測試</span></b> 33 <p><b><span>Hello 34 Kitty</span></b> 35 <p><b><span>Hello​ 36 Kitty</span></b> 37 <p><b><span>Hello 38 ​Kitty</span></b> 39 <p><b><span>Hello​ 40 ​Kitty</span></b> 41 <!-- test surrogates handling --> 42 <p><b><span>𠀀𠀁 43 𠀂𠀃</span></b> 44 <p><b><span>𠀀測 45 𠀂𠀃</span></b> 46 <p><b><span>𠀀𠀁 47 測𠀃</span></b> 48 <!-- test emoji handling --> 49 <p><b><span>斷😀 50 測試</span></b> 51 <p><b><span>斷行 52 😁試</span></b> 53 <p><b><span>斷😀 54 😁試</span></b> 55 <p><b><span>Hello😀 56 😁Kitty</span></b> 57 </div> 58 </body> 59 </html>