0

我的代码中有一个问题，RTL 在任何地方都可以工作，除了通知徽章总是停留在右上方

https://jsfiddle.net/t54xsrvq/

它在 https://material-ui.com/components/badges/#api的演示中运行良好

<body>
  <div class="mdl-layout mdl-js-layout mdl-layout--fixed-header" dir="rtl">
    <header class="mdl-layout__header">
      <div class="mdl-layout__header-row">
        <!-- Title -->
        <span class="mdl-layout-title">Title</span>
        <!-- Add spacer, to align navigation to the right -->
        <div class="mdl-layout-spacer"></div>
        <!-- Navigation -->
        <div class="material-icons mdl-badge mdl-badge--overlap btn-badge" data-badge="5">
            <div class="mdl-button mdl-js-button mdl-button--icon mdl-button--notifications" >
              <i class="material-icons">notifications</i>
            </div>
          </div>
      </div>
    </header>
.
.
.
</div>

这里有什么问题？

4

0 回答 0