css - Angular Material 中心布局

Question

我正在尝试使用 Angular Material。

我已经引用了 Angular Material 网站上的文档，我正在努力完成以下工作:

第二个

标签，即'主人的名字'应该出现在中间。而 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> 中的可用空间:

<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>