在 Blazorise 中添加两张卡片之间及其周围的空间（带边距）答案

【问题标题】：Add space between two cards and around them (with Margin) in Blazorise在 Blazorise 中添加两张卡片之间及其周围的空间（带边距）
【发布时间】：2022-01-01 17:33:13
【问题描述】：

如何在 Blazorise 中的卡片周围添加一些空间？我在 Column 中为类添加了一些边距，但这不起作用，因为只有“新调查”被向下移动，我为两个 Columns 都做了它，我还更改了 Row Gutter 数字，没有帮助我...

这是我的图片：

下面是对应的代码：

        <Column ColumnSize="ColumnSize.Is6">
            <Card>
                <CardHeader>
                    <CardTitle>
                        @localizer["SurveyPreviewTitle"]
                    </CardTitle>
                </CardHeader>
                <CardBody>
                    <SurveyPreviewView />
                </CardBody>
            </Card>
        </Column>
        <Column ColumnSize="ColumnSize.Is6">
            <Card>
                <CardHeader>
                    <CardTitle>@localizer["StatisticTitle"]</CardTitle>
                </CardHeader>
                <CardBody>
                    <SurveyStatsView />
                </CardBody>
            </Card>
        </Column>
    </Row>

【问题讨论】：

标签： c# html css margin blazorise

【解决方案1】：

我有一个宽屏幕，所以我还必须在两张卡之间留出更大的空间。因为它是高分辨率显示器（3440 * 1440）

考虑到这一点，我不得不为<Row Gutter="(64, 50)" 使用更大的数字

我希望这可以帮助人们摆脱详细说明的文档和答案，因此只需将行间距调整为“更大”。

【讨论】：

【解决方案2】：

https://blazorise.com/docs/components/grid/

你可以只使用排水沟。修改您的起始行标记，例如：

<Row Gutter="(32, 16)">

另一种方法是使用偏移量--

而不是使用

 "ColumnSize.Is6"

在两列上，您可以使用 ColumnSize.Is5，并使用 2 的偏移量

第一列 -

ColumnSize.Is5

第二列-

ColumnSize.Is5.Is2.WithOffset

【讨论】：