当您包含的项目数量超过它在网格容器中可以容纳的数量时,马来西亚电话号码列表 它会落在网格之外,并且网格将在隐式网格中创建轨道。默认情况下,所有这些隐式轨道都将自动调整大小。在前面的示例中,当我们在父元素上应用属性 display: grid 时,网格为每个项目创建了一行。
我们没有定义这些行,但是行轨道是自动创建的,以便在有网格项目时为它们找到一些空间。 此外,如果要为隐式列和行定义特定大小,可以利用 grid-auto-columns 和 grid-auto-rows 属性。因此,如果您希望根据内容大小将所有隐式列设置为 50 ,您可以尝试以下操作: 马来西亚电话号码列表 grid-auto-columns: minmax(50px, auto); 马来西亚电话号码列表 当您希望第一个隐式行自动调整大小而第二个隐式行调整为 min-content 大小时,您可以声明多个值: 将网格与自动放置一起使用 使用网格,您可以实现各种有用的模式。

话虽如此,我们还没有考虑将项目放置在网格上,马来西亚电话号码列表 并且许多使用网格的布局也不进行任何放置。他们只是在每个网格单元格中放置一个项目:就像源订单一样。如果您是前端设计领域的初学者,您可以玩转 CSS 马来西亚电话号码列表 网格并查看不同的项目如何将自己放置到您创建的单元格中。