CSS网格从右到左放置项目

Question

我正在使用具有成员列表的Web应用程序。成员数量将动态来自服务器。我想在四列的网格中显示每个成员的信息。是否可以使用Css Grid从右向左动态放置每个项目？

Answer 1

您应使用direction属性：

.container
{
  display: grid;
  grid-template-columns: 25vw 25vw 25vw 25vw;
  grid-template-rows: 100vh; /* Your number of rows */
  grid-auto-flow: column;
  direction: rtl;
}