1.效果
2.代码
<style>
.container {
display: grid;
grid-template-rows: auto 1fr auto; /* 第一个和最后一个 div 自动调整高度,中间的 div 占据剩余空间 */
}
</style>
<div class="container">
<div>1</div>
<div>2</div>
<div>3</div>
</div>
1.效果
2.代码
<style>
.container {
display: grid;
grid-template-rows: auto 1fr auto; /* 第一个和最后一个 div 自动调整高度,中间的 div 占据剩余空间 */
}
</style>
<div class="container">
<div>1</div>
<div>2</div>
<div>3</div>
</div>