首页 > 解决方案 > 如何放置 2

在 Blazor SyncFusion 卡组件中彼此相邻而不是彼此下方?

问题描述

我在 SyncFusion blazor 中使用 Card 组件,这个组件有一个 title 和一个 subtitle 属性。在默认情况下,它们位于彼此下方:

在此处输入图像描述

使用以下 css:

标题:

在此处输入图像描述

副标题:

在此处输入图像描述

但是,我正在尝试将这些项目彼此相邻放置,如下所示:

在此处输入图像描述

有谁知道正确的CSS?

提前致谢!

标签: htmlcssblazortitlesyncfusion

解决方案


.e-card-header-caption { display: flex; flex-direction: row; }

推荐阅读