如何在Angular Material 2中对齐中心md-hint？

Question

我的片段。

Switch

查看

reset_index

如何使md-hint对齐到中心？被困了一段时间..

更新

我做了css方式。这就是我要避免做的事情..如果你知道角度材料2的方法来解决这个问题，请帮忙。

Answer 1

你可以试试这个：

<div [style.text-align]="'center'"><md-hint>About</md-hint></div>

Answer 2

如果您可以将固定宽度设置为<p>标记，那么这应该可行：

<强> CSS：

.my-class{
  display:flex;
  width:300px;
  flex-direction:column;
  justify-content:center;      
}
::ng-deep .mat-hint{
  width:100% !important;
  text-align:center !important;
}

<强> HTML

 <div class="my-class">
    <p data-text>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
    <md-hint>About</md-hint>
</div>

<强> DEMO

由于ng-deep可能很快就会被弃用，您可以考虑将encapsulation.None添加到组件装饰器并删除:: ng-deep。但是现在它有效。