代码之家  ›  专栏  ›  技术社区  ›  xkeshav

如何创建所有未知行都具有相同高度但不是最后一行的网格布局?

  •  0
  • xkeshav  · 技术社区  · 6 年前

    我正在创建一个未知行数的表单,但最后一行应该是固定高度,其中包含表单操作按钮,现在如何在网格系统中编写。

    这里是主容器CSS属性

    {
         display:grid;
         grid-template-area: 'body' 'button';
         grid-template-row: 1fr 80px 
         grid-auto-flow: row;
         grid-gap: 10px
     }
    

    我知道 grid-template-row: 1fr 80px

    我需要写些这样的东西 repeat(x, 1fr), 80px

    如何使用 CSS Grid Layout .

    1 回复  |  直到 6 年前
        1
  •  2
  •   K-Log    6 年前

    尝试 grid-template-rows: repeat(auto-fill, 1fr) 80px;