css - 如何在 Angular 材质按钮中居中文本？

Question

我有一个角材质按钮：

<a mat-raised-button class="buttons-class" color="accent">Hello!</a>

我增加了它的大小：

.buttons-class {
  height: 60px !important;
  width: 210px !important;
  align-items: center;
}

现在，我希望将文本 ( Hello!) 居中。目前文本是这样偏移的：

将文本放在 span 或 div 中并使用标准的居中技术不起作用。

标签： cssangularangular-material

Answer 1

您可以使用 ng-deep ::ng-deep shadow-piercing 后代组合器强制样式通过子组件树进入所有子组件视图并为任何类设置样式

::ng-deep.buttons-class {
  height: 60px !important;
  width: 210px !important;
  display: flex;
  align-items: center;
  justify-content: center;
}