text-autospace-ideogram-alpha-001-ref.html (855B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <link rel="help" href="https://drafts.csswg.org/css-text-4/#text-autospace-property"> 7 <link rel="author" title="Vitor Roriz" href="https://github.com/vitorroriz"> 8 <link rel="stylesheet" href="/fonts/ahem.css"> 9 <style> 10 .no-autospace { 11 text-autospace: no-autospace; 12 } 13 .auto-space { 14 text-autospace: ideograph-alpha; 15 } 16 .manual-space { 17 margin-left: 0.125em; 18 } 19 p { 20 font-size: 40px; 21 margin: 2px; 22 font-family: Ahem; 23 } 24 </style> 25 </head> 26 <body> 27 <p class="no-autospace">A<span>水水</span></p> 28 <p class="no-autospace">A<span class="manual-space">水水</span></p> 29 <p class="no-autospace">A<span class="manual-space">水水</span></p> 30 </body> 31 </html>