什么是grid-column:1 / -1的含义

时间:2020-04-27 11:32:35

标签: javascript html css

我是网格新手。谁能解释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>

第三列网格列是什么:1 / -1的含义

0 个答案:

没有答案