垂直填充Angular材料＆amp;柔性

Question

如何垂直填充屏幕，例如一个md-content还是只是一个div？我仍然想在列中组织内容。

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

Answer 1

关于 @stack item 回答角度材料说：

  

通常，<md-content>组件不是设计为彼此嵌套的。

因此，我建议将第一个md-content更改为正常div。

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

Answer 2

当你有一个带有flex属性的行时，它会垂直填充屏幕。

在以下示例中，＆＃34;我的内容＆＃34;将填充所有可用空间（垂直和水平）

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