angular/flex-layoutとangular/material2を使用すると、fxLayoutAlign="stretch"ディレクティブが壊れているように見えます。ただし、fxLayoutAlign="start"およびfxLayoutAlign="end"ディレクティブは意図したとおりに動作します。これを確認してくださいplnkr。各行は、残りのスペースを埋めるためにストレッチうAngularJSコンポーネントレイアウトエンジンfxLayoutAlign = "stretch" not working
：
fxLayoutAlign="stretch"はとしてdocumentedあります。
- Flexのレイアウトエンジン：これは、との問題
ですか？
あなたが探しているのは、フレックスレイアウトの 'center'です。 'ストレッチ'は複数行のコンテナで動作します。
flex-wrap: wrapが存在する場合にのみ適用され、フレックスボックスアイテムの複数の行がある場合
<md-card>
<md-card-subtitle>fxLayoutAlign="center"</md-card-subtitle>
<md-card-content>
<div fxLayout="row" fxFlex="100" fxLayoutAlign="center">
<md-slide-toggle>One</md-slide-toggle>
<md-slide-toggle>Two</md-slide-toggle>
</div>
</md-card-content>
</md-card>
「ストレッチ」を使用することは何ですか？ docuで見つからないhttps://github.com/angular/flex-layout/wiki/Declarative-API-Overview – lin
Thx！これは、それが何のために作られたかのように私に見えます。あなたの箱は異なる行にあります。ドキュメントには、 'flex-wrap：ラップが存在し、複数のflexboxアイテムがある場合にのみ適用されます.'これはあなたのplnkrが提供しないものです。 – lin