相关疑难解决方法(0)

使网格项填充列而不是行

我希望我的网格垂直填充:

1 4 7 
2 5 8
3 6 9
Run Code Online (Sandbox Code Playgroud)

而不是横向填充:

1 2 3
4 5 6
7 8 9
Run Code Online (Sandbox Code Playgroud)

在我的网格中,我想指定列数,而不是行数.

这就是我的div看起来的样子:

.grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
Run Code Online (Sandbox Code Playgroud)
<div class="grid">
  <div>1</div>
  <div>2</div>
  <div>3</div>
  <div>4</div>
  <div>5</div>
  <div>6</div>
  <div>7</div>
  <div>8</div>
  <div>9</div>
</div>
Run Code Online (Sandbox Code Playgroud)

html css html5 css3 css-grid

4
推荐指数
1
解决办法
472
查看次数

标签 统计

css ×1

css-grid ×1

css3 ×1

html ×1

html5 ×1