AngularJS組件佈局引擎fxLayoutAlign =「stretch」不起作用

使用angular/flex-layout和angular/material2，fxLayoutAlign="stretch"指令似乎被破壞。但是，fxLayoutAlign="start"和fxLayoutAlign="end"指令按預期工作。請檢查這個plnkr。AngularJS組件佈局引擎fxLayoutAlign =「stretch」不起作用

fxLayoutAlign="stretch"是documented爲：

每條線將延伸到填充剩餘的空間。

這是一個問題：

Flex的佈局引擎？
角度分量佈局引擎？
我的代碼？

來源

2017-03-12 Jack

有什麼用「拉伸」的？在文檔中找不到它https://github.com/angular/flex-layout/wiki/Declarative-API-Overview – lin

Thx！這看起來對我來說就像它所做的一樣。你的盒子在不同的行中。該文件說：「它只適用於存在flex-wrap：wrap的情況，以及是否有多行flexbox items.'這是你的plnkr沒有提供的。 – lin

你在找什麼只是flex佈局'中心'。 'stretch'適用於多行容器。

它僅適用，如果flex-wrap: wrap是存在的，如果有是Flexbox的物品多行

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

來源

2017-03-12 14:22:14

AngularJS組件佈局引擎fxLayoutAlign =「stretch」不起作用

回答

相關問題