Ian Kilpatrick
20a7adf20e
Automatic update from web-platform-tests [flex-balance] Shift wpt_internal/ tests to external/wpt/ We have a spec! Shift the WPTs from the internal directory. https://drafts.csswg.org/css-flexbox-2/ Bug: 416755656 Change-Id: Ifc450c58c38d103ab3cf7e7b7b18f35d9f6cad27 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/7832999 Reviewed-by: Ian Kilpatrick <ikilpatrick@chromium.org> Reviewed-by: David Grogan <dgrogan@chromium.org> Commit-Queue: Ian Kilpatrick <ikilpatrick@chromium.org> Cr-Commit-Position: refs/heads/main@{#1627829} -- wpt-commits: 66c44e744bc81953b0c8e5751b75b8ad96e66161 wpt-pr: 59761
31 lines
588 B
HTML
31 lines
588 B
HTML
<!DOCTYPE html>
|
|
<link rel="help" href="https://drafts.csswg.org/css-flexbox-2/#algo-balance">
|
|
<link rel="match" href="balance-002-ref.html">
|
|
<meta name="assert" content="Tests balancing of four items, which would typically wrap 3,1">
|
|
<style>
|
|
body {
|
|
height: 120px;
|
|
width: max-content;
|
|
border: solid 3px;
|
|
}
|
|
#flex {
|
|
display: flex;
|
|
flex-wrap: balance;
|
|
flex-direction: column;
|
|
padding: 10px;
|
|
gap: 10px;
|
|
height: 100%;
|
|
}
|
|
#flex > div {
|
|
width: 25px;
|
|
height: 25px;
|
|
background: green;
|
|
}
|
|
</style>
|
|
<div id="flex">
|
|
<div></div>
|
|
<div></div>
|
|
<div></div>
|
|
<div></div>
|
|
</div>
|