角度材料中心布局

Question

我用Angular Material弄湿了脚。

我已经参考了角度材料网站上的文档，我正在尝试完成这些文章：

第二个

标记，即主要＆＃39;的名称。 shld出现在中间。而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>