mirror of
https://github.com/RGBCube/serenity
synced 2025-05-24 00:45:07 +00:00

We have to take the cross gap into account when calculating the "sum of flex line cross sizes" in "Handle 'align-content: stretch'".
17 lines
No EOL
336 B
HTML
17 lines
No EOL
336 B
HTML
<!doctype html><style>
|
|
* {
|
|
border: 1px solid black;
|
|
}
|
|
.flex {
|
|
display: flex;
|
|
align-content: stretch;
|
|
width: 300px;
|
|
height: 200px;
|
|
flex-wrap: wrap;
|
|
row-gap: 50px;
|
|
}
|
|
.flex > div {
|
|
width: 100px;
|
|
height: 20px;
|
|
}
|
|
</style><div class="flex"><div></div><div></div><div></div><div></div><div></div><div></div> |