Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
CSS网格从右向左放置项目_Css_Position_Css Grid - Fatal编程技术网

CSS网格从右向左放置项目

CSS网格从右向左放置项目,css,position,css-grid,Css,Position,Css Grid,我正在开发一个具有成员列表的web应用程序。成员数量将动态来自服务器。我想在四列的网格中显示每个成员的信息。 是否可以使用Css网格从右到左动态放置每个项目?您应该使用方向属性: .container { display: grid; grid-template-columns: 25vw 25vw 25vw 25vw; grid-template-rows: 100vh; /* Your number of rows */ grid-auto-flow: column; d

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

您应该使用
方向
属性:

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

哇,那很简单。谢谢:)