如何制作Matblazor RTL(从右到左)

时间:2020-01-12 20:10:43

标签: blazor matblazor

我是 Blazor 的新手,最近我正在学习它。

有人知道如何制作 Matblazor 组件从右到左吗?

2 个答案:

答案 0 :(得分:5)

您需要将dir=rtl添加到body或要创建此效果的元素中(如果您将其添加到div中,它将仅应用于其中的元素div)。

工作示例:

<body dir="rtl">
    <app>Loading...</app>

    <div id="blazor-error-ui">
        An unhandled error has occurred.
        <a href="" class="reload">Reload</a>
        <a class="dismiss">?</a>
    </div>
    <script src="_framework/blazor.webassembly.js"></script>
    <script src="_content/MatBlazor/dist/matBlazor.js"></script>
</body>

图片:

Add RTL direction to page

The result

答案 1 :(得分:1)

只需将dir属性添加到index.html中的主体并将其值设置为rtl