Sandbox::https://github.com/web-platform-tests/wpt/blob/master/css/css-flexbox/align-content-rounding.html

Repository navigation

<!DOCTYPE html>

<style>

#flex {

display: flex;

flex-wrap: wrap;

width: 10px;

height: 40px;

align-content: space-between;

outline: solid 1px;

}

#flex > div {

width: 10px;

height: 5px;

background: lime;

}

</style>

</div>

test(function() {

/* Increase the flexbox by 0.1px increments. */

for (let i = 0; i < 10; i++) {

const height = (40 + i/10) + 'px';

flex.style.height = height;

assert_equals(last.getBoundingClientRect().bottom, flex.getBoundingClientRect().bottom, height);

}

}, 'The last item should match the end edge.');

</script>