1

如何在 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>
4

2 回答 2

1

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

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

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

于 2021-11-26T10:24:11.300 回答
0

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

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

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

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

而不是使用

 "ColumnSize.Is6"

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

第一列 -

ColumnSize.Is5

第二列 -

ColumnSize.Is5.Is2.WithOffset
于 2021-11-23T08:30:09.317 回答