6

1) 子の div を 60% に伸ばして中央に揃えようとしていますが、うまくいきません。フレックスを使用して、div のサイズを 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 属性を使用する」と記載されていますが、offset の例はありません。

4

2 に答える 2

17

これはあなたがする必要があることです..

<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>

レイアウトについて詳しくはこちら

于 2015-03-14T21:26:05.680 に答える