材料タブを下に移動するには？

Question

材料タブ（https://material.angular.io/components/tabs/overview）を使用しています。私のタブがコンテンツエリアの下に来るようにするにはどうすればいいですか？

私はMD-タブグループで次のように入れてみましたが、効果を持っているように見えた

<md-tab-group> 

     <md-tab label="Tab 1"> 
      Content 
     </md-tab>    
     <md-tab label="Tab 2"> 
      Content 
     </md-tab>    

    </md-tab-group> 

：

md-tabs-align="bottom" 

私はちょうど全体のdivを埋める代わりにするためにも、タブのコンテンツたいです私は持っている少量のテキストにサイズを合わせています。

Answer 1

CSS3flex-boxを使用すると簡単に実行できます。

mat-tab-group{ 
    display: -webkit-box; 
    display: -ms-flexbox; 
    display: flex; 
    -webkit-box-orient: vertical; 
    -webkit-box-direction: reverse; 
     -ms-flex-direction: column-reverse; 
      flex-direction: column-reverse; 
} 

Check the image