【问题标题】:Why does my grid have 3 columns when I've set grid-template-columns: repeat(2, 1fr);?当我设置了 grid-template-columns: repeat(2, 1fr); 时,为什么我的网格有 3 列?
【发布时间】:2021-05-19 18:13:43
【问题描述】:
<div style="display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.5rem;">
    <div class="card">...</div>
    ...
</div>

【问题讨论】:

  • 看起来还涉及其他代码。您可以发布所有相关代码吗?

标签: html css css-grid


【解决方案1】:

问题是我在网格底部有一个额外的 div,它太宽并产生了奇怪的行为。因此,如果您有类似的问题,请检查您的所有网格子节点。

【讨论】:

    猜你喜欢
    • 2021-01-03
    • 2020-10-01
    • 1970-01-01
    • 2021-07-09
    • 1970-01-01
    • 2017-08-18
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多