在线 Angular Material 进度微调器

Question

是否可以使Angular Material progress spinner与文本并大致与字符的大小一致地显示？

我想要类似的东西:

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

微调器仅与“请稍候”文本成行出现。

这可能吗？

我看过所提供的文档和 examples，但似乎都没有提供前进的方向，而Google+对StackOverflow的搜索都没有发现任何问题。

Answer 1

您可以在包装元素上使用display: flex。要设置它的大小，可以使用diameter输入:

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

参见工作示例 here