blob: bccf8431f612448570d598d917325f9d58654e2c (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
<!DOCTYPE html>
<script src="../../resources/check-layout.js"></script>
<p>Min-height should make the multicol container taller if min-height is greater than the content
height, but it should not affect column balancing. We specify column-fill:auto here, but the
columns should still be balanced, because height is auto.</p>
<p>Below there should be a yellow square with the word "OKAY" inside - from left to right, with large letter spacing.</p>
<div id="test" style="position:relative; -webkit-columns:8; -webkit-column-gap:0; column-fill:auto; width:160px; min-height:160px; line-height:20px; background:yellow;">
<div data-offset-y="0">O</div>
<div data-offset-y="0">K</div>
<div data-offset-y="0">A</div>
<div data-offset-y="0">Y</div>
</div>
<script>
checkLayout("#test");
</script>
|
