如何偏移网格项目，同时转移其同级？ [重复]

Question

此问题已经在这里有了答案：

Aligning grid items across the entire row/column (like flex items can)（2个答案）

[<10天前关闭。

我正在使用CSS网格。我想偏移一个元素，以使其在网格列中水平移动。我还希望该元素保留其当前宽度，并将偏移值

另外应用于元素的宽度。

示例：

.container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

.item {
  grid-column: span 1;
  background-color: orange;
  border: black solid 1px;
  height: auto;
  padding: 20px;
  text-align: center;
}

.offset {
  margin-left: 100px;
}

<div class="container">
  <div class="item offset">1/4</div>
  <div class="item">1/4</div>
  <div class="item">1/4</div>
</div>

问题是我希望三个网格项目简单地向右移动，同时保持它们的当前宽度（由grid-column: span 3;定义）>
我真的很想保持这种灵活性，这样我就不必相应地调整其他列。即-如果我要偏移第二列，我希望最后一列自动移动。
我该如何实现？
我正在使用CSS网格。我想偏移一个元素，以使其在网格列中水平移动。我还希望该元素保留其当前宽度，并应用偏移值，除了...

Answer 1

我不是100％地确定您想要实现什么，但这也许会有所帮助：