mirror of
https://github.com/LadybirdBrowser/ladybird.git
synced 2025-07-24 09:52:31 +00:00
4d8bc16812
Before this change, we only considering `grid-auto-flow` to determine whether a row or column should be added when there was not enough space in the implicit grid to fit the next unplaced item. Now, we also choose the direction in which the "auto placement cursor" is moved, based on the auto flow property.
19 lines
No EOL
473 B
HTML
19 lines
No EOL
473 B
HTML
<!DOCTYPE html><style>
|
|
.grid {
|
|
display: grid;
|
|
grid-template-columns: 100px 100px;
|
|
grid-template-rows: 100px 100px 100px;
|
|
grid-auto-flow: column;
|
|
height: 500px;
|
|
width: 500px;
|
|
}
|
|
|
|
#a {
|
|
grid-column: span 1;
|
|
grid-row: span 3;
|
|
}
|
|
|
|
* {
|
|
outline: 1px solid black;
|
|
}
|
|
</style><body><div class="grid"><div id="a">1</div><div id="b">2</div><div id="c">3</div><div id="d">4</div></div></body> |