角度材料2でmd-hintを中心に揃える方法は？

Question

私のスニペット。 MD-ヒント整列を中心に作成する方法

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

ビュー

？私は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; 
} 

ng-deepはすぐに廃止される可能性があるように、あなたがコンポーネントデコレータにencapsulation.Noneを追加したり削除することを検討することができます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-深いです。しかし、今のところそれは動作します。