Angular 角度材料进度微调器在线

是否有可能使文本与文本保持一致并大致与字符大小一致

我想要像这样的东西：

<span>please wait <mat-spinner></mat-spinner></span>

请稍候

微调器与“请稍候”文本对齐

这可能吗

---

我已经看过了文档和提供的文档，但没有一个文档提供了前进的方向，Google+对StackOverflow的搜索也没有找到任何结果。

您可以在包装元素上使用

display:flex

。要设置其大小，可以使用

直径

输入：

<div class="spinner-wrapper">
  <span>please wait</span>
  <mat-spinner [diameter]="12"></mat-spinner>
</div>

.spinner-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}

请稍等
纺纱机包装{
显示器：flex；
对齐项目：居中；
证明内容：中心；
}

---

请参见一个工作示例

Thank-该示例将其与文本对齐移动，但不会将其大小更改为与文本大致相同的高度character@Stewart_R您可以使用

直径

输入。我已经更新了我的答案