如何在 Blazor SyncFusion 卡组件中将 2 <div> 彼此相邻放置而不是彼此下方？

Question

我在 SyncFusion blazor 中使用 Card 组件，这个组件有一个标题和一个副标题属性。在默认情况下，它们位于彼此下方：

使用以下css：

标题：

副标题：

但是我试图像这样将这些项目并排放置：

有谁知道 css 的权利吗？

提前致谢！

Answer 1

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

Answer 2

您可以为 e-card-header-title 和 e-card-sub-title[= 指定 display : inline 31=] class css 样式在同一行显示标题和副标题。

片段

.e-card .e-card-header .e-card-header-caption .e-card-header-title { display: inline; } .e-card .e-card-header .e-card-header-caption .e-card-sub-title { display: inline; }

截图

样本 https://www.syncfusion.com/downloads/support/directtrac/general/ze/Subtitle1482508206.zip

谢谢，杜尔加 G

如何在 Blazor SyncFusion 卡组件中将 2 <div> 彼此相邻放置而不是彼此下方？

How to place 2 <div>'s next to eachother instead of below eachother in Blazor SyncFusion Card Component?

html

css

title

syncfusion

blazor