css - angularjs material Layout, Flex and Offset

Question

1) 我正在尝试将子 div 拉伸(stretch)至 60% 并将其居中对齐，但它不起作用。我正在使用 flex 将 div 的大小拉伸(stretch)到 60%。参见示例 http://plnkr.co/edit/eaLjJDbjL1KnOI4jLYyO?p=preview

<div layout="column" layout-align="center">
<div style="background-color:#00A000;height: 40px;" flex="60">

</div>

<div style="background-color:#004444;height: 40px;" flex="60">

</div>

<div style="background-color:#0077b3;height: 40px;" flex="60">

</div>

2) Angularjs Material 文档中提到“要自定义布局中元素的大小和位置，使用 flex、offset 和 flex-order 属性”，我没有看到偏移的示例。

Answer 1

这是你需要做的..

<div layout="column" layout-align="center">
    <div layout="row" layout-align="center center">
      <div style="background-color:#00A000;height: 40px;" flex="60">
      </div>  
    </div>
    <div layout="row" layout-align="center center">
      <div style="background-color:#004444;height: 40px;" flex="60">
      </div>
    </div>
    <div layout="row" layout-align="center center">
      <div style="background-color:#0077b3;height: 40px;" flex="60">
      </div>
    </div>
</div>

阅读更多关于布局的信息 here