OLD | NEW |
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"> | 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <title>white-space pre: zero width non-breaking space</title> | 4 <title>white-space pre: zero width non-breaking space</title> |
5 <style type="text/css"> | 5 <style type="text/css"> |
| 6 @font-face { font-family: myahem; src: url(../../../resources/Ahem.ttf); } |
6 /* setup */ | 7 /* setup */ |
7 .control { display: inline; font: 1em/1 Ahem, sans-serif; background: red; co
lor: white; } | 8 .control { display: inline; font: 1em/1 myahem, sans-serif; background: red;
color: white; } |
8 td * { white-space: pre; font: inherit; } | 9 td * { white-space: pre; font: inherit; } |
9 div { display: block; } | 10 div { display: block; } |
10 span { display: inline; } | 11 span { display: inline; } |
11 | 12 |
12 /* test */ | 13 /* test */ |
13 td { font: 20px/1 Ahem; color: maroon; background: red; padding: 0; } | 14 td { font: 20px/1 myahem; color: maroon; background: red; padding: 0; } |
14 span { background: lime; } | 15 span { background: lime; } |
15 div { color: green; } | 16 div { color: green; } |
16 </style> | 17 </style> |
17 </head> | 18 </head> |
18 <body> | 19 <body> |
19 <div class="control">Ahem_font_required_for_this_test.</div> | 20 <div class="control">Ahem_font_required_for_this_test.</div> |
20 <p>There should be no red below, only a green square bordered in green.</p> | 21 <p>There should be no red below, only a green square bordered in green.</p> |
21 <!-- U+00A0 is exactly equivalent to U+200B U+0020 U+200B --> | 22 <!-- U+00A0 is exactly equivalent to U+200B U+0020 U+200B --> |
22 <table> | 23 <table> |
23 <tr> | 24 <tr> |
24 <td> | 25 <td> |
25 <div>XXXXX</div> | 26 <div>XXXXX</div> |
26 <div><span>X   X</span></div> | 27 <div><span>X   X</span></div> |
27 <div><span>X​ ​ ​ ​X</span></div> | 28 <div><span>X​ ​ ​ ​X</span></div> |
28 <div><span>X ​ ​ X</span></div> | 29 <div><span>X ​ ​ X</span></div> |
29 <div>XXXXX</div> | 30 <div>XXXXX</div> |
30 </td> | 31 </td> |
31 </tr> | 32 </tr> |
32 </table> | 33 </table> |
33 </body> | 34 </body> |
34 </html> | 35 </html> |
OLD | NEW |