MAUI Blazor Hybrid 在不同平台上的不同渲染

Question

我有一个非常简单的组件，令我惊讶的是，尽管托管在

BlazorWebView

中，但它在不同平台上的呈现方式有所不同。

在 Windows 上，它按预期呈现。然而，在 Android 上，文本并不居中。这怎么可能？我不相信我有任何特定于平台的代码。

是否有可能解决这个问题，并在两个/所有平台上获得一致的输出？

组件：

<div Style="height:250px;background-color:coral;align-content: center;">
    <p style="text-align: center;">No items</p>
</div>

我还在 MudBlazor 中重新创建了组件（相同的结果）：https://try.mudblazor.com/snippet/cumIbaGmMclCKdsj

Windows 渲染：

Android渲染：

Answer 1

是的，正如用户1202032所说的那样。

但是我们可以使用以下解决方法：

<div Style="display:flex;height:250px;background-color:coral;">
    <p style="flex-grow: 1;text-align: center;align-self: center;">No items</p>
</div>

我们可以查看以下问题来获取更多信息：MAUI Blazor Hybrid 不同平台上的不同渲染。