在引导行中对齐 mat-spinner

Question

我在引导行中有一个垫子旋转器。我想右对齐行中的 mat-spinner：

<div class="row">
  <div class="col-3">
    <div class="spinner-wrapper">
      <mat-spinner [diameter]="30" value="indeterminate">
      </mat-spinner>
    </div>
  </div>
</div>

我已经尝试在 spinner-wrapper 类上单独执行以下操作，但没有奏效：

margin: 0 auto;

text-align: right;

float: right;

这些都不起作用。

如何右对齐 mat-spinner？

Answer 1

你必须为每个元素添加这个 css 属性：

.spinner-wrapper{
   text-align:right;
}

mat-spinner{
   display:inline-block;
}

希望对您有所帮助。