高级前端css【Q506】Grid 布局如何实现类似 flex: row-reverse

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

Issue 欢迎在 Gtihub Issue 中回答此问题: Issue 518

Author 回答者: CsongL

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

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

Code

Reference

MDN Article