Css Blazor服务器应用程序删除MainLayout.razor和Index.razor之间的边距

Css Blazor服务器应用程序删除MainLayout.razor和Index.razor之间的边距,css,razor,blazor,blazor-server-side,Css,Razor,Blazor,Blazor Server Side,在自定义MainLayout.razor文件和Index.razor文件后,我无法删除两个视图之间的空白 我尝试在任何地方插入style=“margin:0px”,但什么也没有。 我一直在寻找替代方案,但我无法解决它,或者更确切地说,我无法找到任何其他解决方案,让我了解它是如何工作的 剃须刀 @继承LayoutComponentBase <style> .resLogo { width: 100%; max-wi

在自定义MainLayout.razor文件和Index.razor文件后,我无法删除两个视图之间的空白

我尝试在任何地方插入style=“margin:0px”,但什么也没有。 我一直在寻找替代方案,但我无法解决它,或者更确切地说,我无法找到任何其他解决方案,让我了解它是如何工作的

剃须刀

@继承LayoutComponentBase

    <style>
        .resLogo {
            width: 100%;
            max-width: 150px;
            height: auto;
        }
    </style>
                <div class="top-row px-4 auth">
                    <LoginDisplay />
                </div>
                <div class="row" style="margin:0px;>
                    <div class="col" />
                    <div class="col-sm-2">
                        <img class="resLogo" src="img/logo.png" />
                    </div>
                    <div class="col-sm-8">
                        <p style="font-size:1vw">text1</p>
                        <p style="font-size:1vw">text2</p>
                        <p style="font-size:3vw">text3</p>
                        <p style="font-size:2vw">text4</p>
                        <p style="font-size:1.5vw">text5</p>
                    </div>
                    <div class="col" />
                </div>
                <div class="content" style="margin:0px">
                    @Body
                </div>
                <div>
                    This is the footer
                </div>

.resLogo{
宽度:100%;
最大宽度:150px;
高度:自动;
}

在没有重复示例的情况下,很难说是什么原因导致了不期望的边距,但是请尝试一下,例如
mt-0
mb-0

所以代码可以如下所示:

<div class="content mt-0 mb-0">
    @Body
</div>

如果没有重复的例子,很难说是什么原因导致了不期望的边距,但是请尝试一下,例如
mt-0
mb-0

所以代码可以如下所示:

<div class="content mt-0 mb-0">
    @Body
</div>

非常感谢您的回答。不幸的是,一切都没有改变。示例的可复制性取决于我吗?@undertree确定您可以创建可复制的示例再次感谢您,我还没有使用它。。。真的很有帮助。在框架视图中,您可以看到将红色背景(布局)与黑色背景(索引)分开的线。但是,如果切换到全屏视图,索引似乎与布局重叠。我还没有注意到这一点,因为当我在本地运行时,我会看到一个类似于盒子中的视图。我想实现的是这样的@undertree,布局和主体之间的间隙在哪里?你能在图片上展示一下吗?@undertree在我看来,我们已经解决了一个任务,我们移除了不需要的空间。我认为最好是问一个新问题,包括所有你想要的要求和图片,以避免为未来想要回答的人增加新的要求。因此,如果我的回复对您有所帮助,您可以将其标记为一个答案,以简化其他用户未来的搜索。非常感谢你的回答。不幸的是,一切都没有改变。示例的可复制性取决于我吗?@undertree确定您可以创建可复制的示例再次感谢您,我还没有使用它。。。真的很有帮助。在框架视图中,您可以看到将红色背景(布局)与黑色背景(索引)分开的线。但是,如果切换到全屏视图,索引似乎与布局重叠。我还没有注意到这一点,因为当我在本地运行时,我会看到一个类似于盒子中的视图。我想实现的是这样的@undertree,布局和主体之间的间隙在哪里?你能在图片上展示一下吗?@undertree在我看来,我们已经解决了一个任务,我们移除了不需要的空间。我认为最好是问一个新问题,包括所有你想要的要求和图片,以避免为未来想要回答的人增加新的要求。因此,如果我的回复对您有所帮助,您可以将其标记为一个答案,以简化其他用户未来的搜索。
<div class="row mt-0 mb-0">
    <div class="col" />
    <div class="col-sm-10">
        index slider container
    </div>
    <div class="col" />
</div>
div > p {
    margin: 0;
    padding: 0;
}