我正在创建一个包含三个页面的网站,其中两个页面的布局相同。对于两个显示之一:网格;工作正常,但在第二页上,即使我复制粘贴整个第一页,以便其相同的代码,它在链接的左侧也留有空格。请帮忙。
只是html和css,香港专业教育学院试图调整值,但无济于事。
//CSS
.r-tificial-container {
display: grid;
grid-gap: 1vmin;
}
.coding-img {
grid-column-start: 1;
grid-column-end: 2;
}
.r-tificial-text {
grid-column-start: 3;
grid-column-end: 10;
background-color: #fff;
}
//HTML
<div class="r-tificial-container">
<div class="coding-img">
</div>
<div class="r-tificial-text">
<div class="seclink-div"></div>
</div>
</div>
它向我显示了一页上的encoding-img和seclink-div之间的空间,而另一页上没有完全相同的代码。我希望没有空间
如下所示,将grid-column-start
的.r-tificial-text
属性的值从3
更改为2
。它可以帮助您解决上面说明的问题。
.r-tificial-text {
grid-column-start: 2;
grid-column-end: 10;
background-color: #fff;
}
更改网格柱端:150;从视觉上解决了我的问题,这样就可以继续吗?