Minecraft Bedrock HTML5 UI : 内联显示

Question

我正在使用 HTML5 UI 制作游戏内叠加层（在 Minecraft 基岩版中）（使用 [=28= 创建 UI ] 和 css 通过资源包部署）。
我想实现一个像外观的 HUD 屏幕：具有半透明黑色背景的文本块，可以根据文本的大小自行调整，例如使用 display: inline-block;.

很遗憾，html 渲染引擎不支持 display: inline-block。

我假设他们使用的是 Coherent Gameface 库：
根据他们的 documentation，对任何东西的支持都很少！

有没有人有使用 Bedrock HTML5 UI、Coherent Gameface 的经验，或者有使用 css 解决方法解决此问题的好主意？

Answer 1

我刚刚想出了一个解决方案！

以前看起来是这样的：

<div class="container">
    <div>item</div>
    <div>item</div>
    <div>item</div>
</div>

<style>
    .container {}

    .container > div {
        display: block;
        border: 1px solid red;
    }
</style>

这是我的解决方案：

<div class="container">
    <div>item</div>
    <div>item</div>
    <div>item</div>
</div>

<style>
    .container {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .container > div {
        display: block;
        border: 1px solid red;
    }
</style>

Minecraft Bedrock HTML5 UI : 内联显示

Minecraft Bedrock HTML5 UI : display inline

html

css

user-interface

minecraft