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

在线角度材料进度微调器

1 个答案: