如何將材料標籤移動到底部？

我正在使用材料選項卡（https://material.angular.io/components/tabs/overview）。我如何製作它以便我的標籤在內容區域之下？如何將材料標籤移動到底部？

<md-tab-group> 

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

    </md-tab-group>

我試圖把對MD-選項卡組以下，但它似乎有效果：

md-tabs-align="bottom"

我也想的標籤內容，以填滿整個DIV，而不是隻根據我擁有的少量文本大小調整大小。

來源

2017-06-20 Rolando

AFAIK沒有*輸入*被稱爲「對齊」在[** MD-標籤**]（https://material.angular.io/components/tabs/api）。看看*位置*屬性是你在找什麼。 – developer033

它可能沒有在文檔中，但根據這一點，它應該有一種方法來對齊底部https://github.com/angular/material/issues/5432，雖然它不適合我。 – Rolando

它與Material（1）而不是Material2有關。 – developer033

您可以輕鬆使用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

來源

2018-02-13 10:34:14 Rahul

如何將材料標籤移動到底部？

回答

相關問題