Int*_*ive 4 html css grid css-grid
我一直在尝试使用 css 中的网格并遇到以下问题。
我创建了一个包含几个divs的容器
我.container创建了一个由 5 个项目组成的网格，宽度为 20%。
我添加了grid-column-gap并注意到它在容器中造成了溢出。我发现它grid-column-gap增加了它的grid-template-columns价值。所以我把它的值改了 19%。
现在项目适合网格。但是我的理解是grid-column-gap在divs之间添加。我现在所拥有的是最后一项在右侧也包含一个间隙。
我想在divs之间而不是在最后有间隙。请看小提琴
谁能解释我做错了什么？
百分比单位grid的计算方式与任何其他单位相同。如果您的单位是百分比，它将为整个计算区域增加额外的空间。
但是，如果您添加fr单元，它将像 flexbox 一样工作，并且不会增加额外的空间。