'MDL - Side Drawer Menu' 的居中文本对齐无法正常工作。(getmdl.io)

Question

我目前正在使用 Material Design Lite 的 built-in 导航布局。我给出的描述是 link，以便您可以理解：https://getmdl.io/components/index.html#layout-section。我正在尝试制作 center-aligned mdl 侧抽屉菜单 的标题。但它不能正常工作。我努力修复它，但没有找到任何解决方案：首先，我提供我的工作截图：

html代码：

<div class="mdl-layout__drawer">
    <span class="mdl-layout-title"><a href="{{ url('/') }}">iPortal</a></span>
    <nav class="mdl-navigation">
      <a class="mdl-navigation__link" href="">Link</a>
      <a class="mdl-navigation__link" href="">Link</a>
      <a class="mdl-navigation__link" href="">Link</a>
      <a class="mdl-navigation__link" href="">Link</a>
    </nav>
</div>

自定义CSS:

.mdl-layout__drawer .mdl-layout-title{
    text-align: center;
}

感谢任何帮助。

Answer 1

以下代码应该可以正常工作

.mdl-layout__drawer .mdl-layout-title{
    padding: 0;
    text-align: center;
}

'MDL - Side Drawer Menu' 的居中文本对齐无法正常工作。(getmdl.io)

Center text align of 'MDL - Side Drawer Menu' not working properly.(getmdl.io)

html

css

material-design

material-design-lite