我发现了很多关于如何设置CSS网格(使用display: grid)行以匹配网格中最高项的答案,但我要做的是调整网格内的项目大小以适应网格。例如,这是网格中的一行示例。请注意,第一个项目与网格相切,而其他两个项目较短,并且在它们下方有空白空间(因为它们的标题较短)?如何使所有项目都适合网格本身? 网格的代码:.video-grid { display: grid; grid-gap: 20px; grid-template-columns: repeat(3, 1fr); }
在第二个和第三个子元素中使用“justify”属性将它们拉伸到整个div中,或为这些第二个和第三个子元素分别创建一个父div,然后使内部子元素即第二个和第三个子元素的显示方式为网格。您可以在此处查看正确的命令。