我是网格新手。谁能解释一下 1 / -1 是什么意思。
<style>
.parrent {
display: grid;
grid-template-columns: auto 1fr;
grid-column-gap: 3.5rem;
grid-row-gap: var(--space-20);
}
.third {
grid-column: 1/-1;
justify-content: center;
}
</style>
<div class="parrent">
<div>First </div>
<div>Second</div>
<div class="third">Third</div>
</div>
Run Code Online (Sandbox Code Playgroud)
第三列 grid-column : 1/-1 是什么意思