网格格式提供了额外的空格

问题描述 投票:0回答:2

我正在创建一个包含三个页面的网站,其中两个页面的布局相同。对于两个显示之一:网格;工作正常,但在第二页上,即使我复制粘贴整个第一页,以便其相同的代码,它在链接的左侧也留有空格。请帮忙。

只是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之间的空间,而另一页上没有完全相同的代码。我希望没有空间

html css css-grid
2个回答
0
投票

如下所示,将grid-column-start.r-tificial-text属性的值从3更改为2。它可以帮助您解决上面说明的问题。

.r-tificial-text {
  grid-column-start: 2;
  grid-column-end: 10;
  background-color: #fff;
}

0
投票

更改网格柱端:150;从视觉上解决了我的问题,这样就可以继续吗?

© www.soinside.com 2019 - 2024. All rights reserved.