line-height-2-ref.html 689 B

1234567891011121314151617181920212223
  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="line-height: 1">
  10. <div id="base">
  11. <span id="inline">base</span>
  12. <span id="text" style="font-size: 50%; color: transparent">text</span>
  13. </div>
  14. next line
  15. <script>
  16. // Simulate the behavior of ruby layout.
  17. var base = document.getElementById('base');
  18. makeBSizeMatchInlineBox(base, document.getElementById('inline'));
  19. base.style.paddingBottom = getBSize(document.getElementById('text'));
  20. </script>
  21. </body>
  22. </html>