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