ruby-intrinsic-isize-001.html (1240B)
1 <!DOCTYPE html> 2 <html lang="ja"> 3 <meta charset="UTF-8"> 4 <title>Intrinsic ISize calculation of ruby</title> 5 <link rel="author" title="Xidorn Quan" href="https://www.upsuper.org"> 6 <link rel="author" title="Mozilla" href="https://www.mozilla.org"> 7 <link rel="help" href="https://drafts.csswg.org/css-ruby-1/#line-breaks"> 8 <link rel="match" href="ruby-intrinsic-isize-001-ref.html"> 9 <style> 10 div { 11 display: inline-block; 12 border: 1px solid black; 13 font-kerning: none; /* disable kerning, because in the reference file 14 it might occur across <span> boundaries */ 15 } 16 </style> 17 <div style="width: min-content"> 18 <ruby><rb>ABC<rb>DEF</ruby> 19 </div> 20 <div style="width: max-content"> 21 <ruby><rb>ABC<rb>DEF</ruby> 22 </div> 23 <br> 24 25 <div style="width: min-content"> 26 XYZ<ruby><rb>ABC<rb>DEF</ruby>XYZ 27 </div> 28 <div style="width: max-content"> 29 XYZ<ruby><rb>ABC<rb>DEF</ruby>XYZ 30 </div> 31 <br> 32 33 <div style="width: min-content"> 34 <ruby><rb>あい<rb>うえ</ruby> 35 </div> 36 <div style="width: max-content"> 37 <ruby><rb>あい<rb>うえ</ruby> 38 </div> 39 <br> 40 41 <div style="width: min-content"> 42 お<ruby><rb>あい<rb>うえ</ruby>お 43 </div> 44 <div style="width: max-content"> 45 お<ruby><rb>あい<rb>うえ</ruby>お 46 </div> 47 <br>