grid-auto-flow网格自动流

2022-08-0564次阅读css模块css

grid-auto-flow属性是CSS Grid Layout 规范的一部分,它允许我们控制在未使用任何网格放置属性显式定位时自动放置的网格项的流动。

.grid-container {
  display: grid;
  grid-template-columns: repeat(8, 50px);
  grid-template-rows: repeat(8, 50px);
  grid-auto-flow: dense;
}

语法:

grid-auto-flow: [ row | column ] || dense

初始值: row

https://css-tricks.com/almanac/properties/g/grid-auto-flow/

上一篇: background-attachment实现css滚动指示器  下一篇: :any-link选择器仅匹配有超链接的a元素  

grid-auto-flow网格自动流相关文章