line-height-3-ref.html (842B)
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Bug 1069519 - Ruby line height calculation</title> 6 <link rel="stylesheet" href="common.css"> 7 <script type="text/javascript" src="utils.js"></script> 8 </head> 9 <body style="font: 25px/1 Ahem"> 10 <div id="base"> 11 <span id="inline">base</span> 12 <span id="text1" style="font-size: 80%; color: transparent">text</span> 13 <span id="text2" style="font-size: 50%; color: transparent">text</span> 14 </div> 15 next line 16 <script> 17 // Simulate the behavior of ruby layout. 18 var base = document.getElementById('base'); 19 makeBSizeMatchInlineBox(base, document.getElementById('inline')); 20 base.style.paddingTop = getBSize(document.getElementById('text1')); 21 base.style.paddingBottom = getBSize(document.getElementById('text2')); 22 </script> 23 </body> 24 </html>