layout/reftests/text/segment-break-transformation-1.html

   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>&#x65b7;&#x884c;
  18 &#x6e2c;&#x8a66;</span></b>
  19 <p><b><span>&#x65b7;&#x884c;&#x200B;
  20 &#x6e2c;&#x8a66;</span></b>
  21 <p><b><span>&#x65b7;&#x884c;
  22 &#x200B;&#x6e2c;&#x8a66;</span></b>
  23 <p><b><span>&#x65b7;&#x884c;&#x200B;
  24 &#x200B;&#x6e2c;&#x8a66;</span></b>
  25 <p><b><span class="nowrap">&#x65b7;&#x884c;
  26 &#x6e2c;&#x8a66;</span></b>
  27 <p><b><span class="pre">&#x65b7;&#x884c;
  28 &#x6e2c;&#x8a66;</span></b>
  29 <p><b><span class="prewrap">&#x65b7;&#x884c;
  30 &#x6e2c;&#x8a66;</span></b>
  31 <p><b><span class="preline">&#x65b7;&#x884c;
  32 &#x6e2c;&#x8a66;</span></b>
  33 <p><b><span>Hello
  34 Kitty</span></b>
  35 <p><b><span>Hello&#x200B;
  36 Kitty</span></b>
  37 <p><b><span>Hello
  38 &#x200B;Kitty</span></b>
  39 <p><b><span>Hello&#x200B;
  40 &#x200B;Kitty</span></b>
  41 <!-- test surrogates handling -->
  42 <p><b><span>&#x20000;&#x20001;
  43 &#x20002;&#x20003;</span></b>
  44 <p><b><span>&#x20000;&#x6e2c;
  45 &#x20002;&#x20003;</span></b>
  46 <p><b><span>&#x20000;&#x20001;
  47 &#x6e2c;&#x20003;</span></b>
  48 <!-- test emoji handling -->
  49 <p><b><span>&#x65b7;&#x1f600;
  50 &#x6e2c;&#x8a66;</span></b>
  51 <p><b><span>&#x65b7;&#x884c;
  52 &#x1f601;&#x8a66;</span></b>
  53 <p><b><span>&#x65b7;&#x1f600;
  54 &#x1f601;&#x8a66;</span></b>
  55 <p><b><span>Hello&#x1f600;
  56 &#x1f601;Kitty</span></b>
  57 </div>
  58 </body>
  59 </html>