垂直填充角材和彈性材料

Question

如何垂直填充屏幕，例如：一個MD內容或只是一個div？我仍然希望將內容組織成專欄。

<md-content layout="column" layout-fill> 
    My content! 
</md-content> 

Answer 1

當你有一個flex屬性的行時，它垂直填充屏幕。

在下面的例子中， 「我的內容」 將填補所有可用空間（垂直和水平方向）

<md-content layout="row" flex> 
    <md-content layout="column" flex> 
     My content 
    </md-content> 
</md-content> 

Answer 2

關於@stack項目答案角材說：

一般情況下， <md-content>組件不被設計爲相互嵌套。

所以我建議將第一個md-content更改爲正常div。

<div layout="row" flex> 
    <md-content layout="column" flex> 
     My content 
    </md-content> 
</div>