我正在使用 CSS 网格。
我想偏移一个元素，以便它在网格列上水平移动。
我还希望这个元素保留其当前宽度，并应用偏移值此外到元素的宽度。
Example:
.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;
我真的很想保持这种灵活性，这样我就不必相应地调整其他列。即-如果我试图偏移第二列，我希望最后一列自动移动。
我怎样才能实现这个目标？
我不是 100% 确定你想要实现什么，但这也许会有所帮助：
.container {
display: grid;
grid-template-columns: repeat(4, 100px);
padding-left: 100px;
}
.item {
grid-column: span 1;
background-color: orange;
border: black solid 1px;
height: auto;
padding: 20px;
text-align: center;
}
<div class="container">
<div class="item offset">1/4</div>
<div class="item">1/4</div>
<div class="item">1/4</div>
</div>
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
