Angular material 如何使用flex布局将文本居中放置在mat工具栏内？

我需要创建一个页脚与2个简单的行公司名称和年份。这是我的html代码片段

<mat-toolbar color="primary" style="height: 176px">
  <span>Company name</span>
  <span>Copyright ©2019</span>
</mat-toolbar>

公司名称
版权所有©2019

---

因此，公司名称必须位于中心（垂直和水平），版权应位于公司名称的下方。

只需将

跨距

放在

工具栏行中即可。它们基本上是为按行组织内容而设计的

<mat-toolbar>
    <mat-toolbar-row>
        <span class="span">First Line</span>
    </mat-toolbar-row>
    <mat-toolbar-row>
        <span class="span">Second Line</span>
    </mat-toolbar-row>
</mat-toolbar>

.span {
    margin: auto;
}