Question

在此示例中，我想使内容左右对齐。

我希望图标在左侧，文本在中间，用户名在最右边。

我该怎么做？

Answer 1

您可以执行以下操作来完成此操作。

将mat-icon移至容器顶部，使其位于第一位。

 <mat-toolbar-row>
   <mat-icon class="example-icon">verified_user</mat-icon>

将example-spacer类应用于中间所需的文本。

<span class="example-spacer">Second Line</span>

将以下内容添加到example-spacer中的toolbar-multirow-example.css类中

text-align: center;

之后的用户名

<span>User Name</span>

Stackblitz