| OLD | NEW |
|---|
| (Empty) | |
| 1 <!DOCTYPE html> |
| 2 <meta charset="utf-8"> |
| 3 <script src="../../resources/testharness.js"></script> |
| 4 <script src="../../resources/testharnessreport.js"></script> |
| 5 <style> |
| 6 #container > div { |
| 7 line-height:2; |
| 8 margin-bottom:1em; |
| 9 } |
| 10 </style> |
| 11 <div id="container"> |
| 12 <div title="ruby+ID" style="width:2em;">あいう<ruby>べ<rt>る</rt></ruby>かき</div> |
| 13 <div title="ID+ruby" style="width:2em;">あい<ruby>べ<rt>る</rt></ruby>かきく</div> |
| 14 <div title="ID+CL" style="width:2em;">あい）か</div> |
| 15 <div title="span+CL" style="width:2em;">あ<span>す</span>）かき</div> |
| 16 <div title="ruby+CL" style="width:2em;">あ<ruby>べ<rt>る</rt></ruby>）かき</div> |
| 17 <div title="OP+ID" style="width:2em;">あ（かきく</div> |
| 18 <div title="OP+ruby" style="width:2em;">あ（<ruby>べ<rt>る</rt></ruby>かき</div> |
| 19 <div title="OP+ruby+CL 2em" style="width:2em;">あ（<ruby>べ<rt>る</rt></ruby>）かき
</div> |
| 20 <div title="OP+ruby+CL 3em" style="width:3em;">あ（<ruby>べ<rt>る</rt></ruby>）かき
く</div> |
| 21 </div> |
| 22 <script> |
| 23 runTests(); |
| 24 function runTests() { |
| 25 var lineHeight = parseFloat(getComputedStyle(container.firstElementChild).li
neHeight); |
| 26 Array.prototype.forEach.call(container.children, function (element) { |
| 27 test(function () { |
| 28 var lineCount = element.offsetHeight / lineHeight; |
| 29 assert_equals(lineCount, 3); |
| 30 }, element.title); |
| 31 }); |
| 32 |
| 33 if (window.testRunner) |
| 34 container.style.display = "none"; |
| 35 } |
| 36 </script> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 1304993003:
Fix Japanese line breaking rule before and after ruby (Closed)
Base URL: https://chromium.googlesource.com/chromium/blink.git@master