极客时间返利平台,你可以在上边通过山月的链接购买课程,并添加我的微信 (shanyue94) 领取返现。

# Grid 布局如何实现类似 flex: row-reverse

Issue

欢迎在 Gtihub Issue 中回答此问题: Issue 518 (opens new window)

Author

回答者: CsongL (opens new window)

通过 grid-auto-flow 属性 和 direction 属性 来实现 grid 布局类似 flex: row-reverse 的样式

grid-auto-flow: [row | column] || dense 该属性指定采用 grid 布局的容器内部的元素如何排序 direction: rtl | ltr 指定文本, 表列的水平方向

Code (opens new window)

# Reference

MDN (opens new window) Article (opens new window)

Last Updated: 2/23/2022, 11:56:07 AM