Angular Material 居中布局

Question

我用 Angular Material 弄湿了我的脚。

我已经参考了 angular material 网站上的文档，我正在尝试完成以下操作：

第二个

标签，即'name of the master'应该出现在中间。而ngmasters的位置就可以了

这就是我尝试实现此功能但无济于事的方式：

<md-toolbar>
    <div class="md-toolbar-tools">
        <p><strong>ngMasters</strong></p>
        <div layout="row" layout-align="center center">
            <p>Name of the Master</p>
        </div>
    </div>

</md-toolbar>

如有任何帮助或指导，我们将不胜感激。谢谢。

Answer 1

您需要将 flex 属性应用于 <div>，以便它占用 <md-toolbar>:

中可用的 space

<md-toolbar>
    <div class="md-toolbar-tools">
        <p><strong>ngMasters</strong></p>
        <div flex="" layout="row" layout-align="center center">
            <p>Name of the Master</p>
        </div>
    </div>

</md-toolbar>

Angular Material 居中布局

Angular Material center layout

css

angularjs

angular-material