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

Question

我正在SyncFusion blazor中使用Card组件，该组件具有标题和字幕属性。在默认情况下，这些设置位于彼此下方：

使用以下css：

标题：

副标题：

但是我正试图将这些物品彼此挨着放置：

有人知道正确的CSS吗？

谢谢！

Answer 1

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

Answer 2

您可以为CSS样式的电子贺卡标题和电子贺卡字幕类指定显示：内联在同一行中显示标题和副标题。

代码段

Dataset<Row> result_f = sparkSession.sql("select * from data_f where  ST_WITHIN(ST_Point(CAST(data_f.latitude AS Decimal(24,20)), CAST(data_f.longitude AS Decimal(24,20))),geom)");
result_f.show();

屏幕截图

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

谢谢， 杜尔加G