Chromium Code Reviews Chromium Code Reviews
Issue 1910053003:
Get the right ascent/descent for the tallest vertically aligned container (Closed)
Base URL: https://chromium.googlesource.com/chromium/src.git@396717-4| Index: third_party/WebKit/LayoutTests/fast/inline-block/vertical-align-top-and-bottom.html |
| diff --git a/third_party/WebKit/LayoutTests/fast/inline-block/vertical-align-top-and-bottom.html b/third_party/WebKit/LayoutTests/fast/inline-block/vertical-align-top-and-bottom.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..c6c428dd071dda6adb1f8846d3fceddc57964003 |
| --- /dev/null |
| +++ b/third_party/WebKit/LayoutTests/fast/inline-block/vertical-align-top-and-bottom.html |
| @@ -0,0 +1,32 @@ |
| +<!DOCTYPE html> |
| +<style> |
| +body { |
| + padding: 0; |
| + margin: 0; |
| +} |
| +.outside { |
| + font: 10px Ahem; |
| +} |
| +.inside { |
| + display: inline-block; |
| + width: 5px; |
| +} |
| +#top { |
| + height: 50px; |
| + vertical-align: top; |
| +} |
| +#bottom { |
| + height: 110px; |
| + vertical-align: bottom; |
| +} |
| +</style> |
| +<script src="../../resources/check-layout.js"></script> |
| +<div class="outside"> |
| + <div id="top" class="inside"></div> |
| + <div id="bottom" class="inside"></div> |
| + <div id="line" style="display: inline-block;" data-total-y=98>crbug.com/604144: In an inline formatting context with a mix of top and bottom vertically aligned inline-blocks use the lowest.</div> |
|
eae
2016/04/25 00:31:27
Why 98?
|
| +</div> |
| +<div id="test-output"></div> |
| +<script> |
| + window.checkLayout("#line", document.getElementById("test-output")); |
| +</script> |
