小编sat*_*mar的帖子

grid-column : 1 / -1 是什么意思

我是网格新手。谁能解释一下 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 是什么意思

html javascript css

6
推荐指数
0
解决办法
7486
查看次数

标签 统计

css ×1

html ×1

javascript ×1