CSS 网格从右到左放置项目

Question

我正在开发一个具有成员列表的 Web 应用程序。会员数量会从服务器动态获取。我想在四列的网格中显示每个成员的信息。是否可以使用 Css 网格 动态地从右到左放置每个项目？

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;
}

CSS 网格从右到左放置项目

CSS Grid place items from right to left

css

position

css-grid