`fxLayoutAlign`の動作が異なるのはなぜですか？
イブラム・レダ
均等に配置したい3つの要素がAngular Flex-Layoutあり、次のコードは私が望むことを実行します
最初の作業コード
<mat-toolbar-row fxShow.ls-sm fxHide.gt-sm fxLayoutAlign="space-between center">
<button mat-button routerLink="" >home</button>
<button mat-button routerLink="/post" > post</button>
<button mat-button routerLink="about-us"> contact us</button>
</mat-toolbar-row>
次の出力があります
2番目に機能しないコード
<mat-toolbar-row fxShow.ls-sm fxHide.gt-sm >
<div fxlayout="row" fxLayoutAlign="space-between center" >
<button mat-button routerLink="" >home</button>
<button mat-button routerLink="/post" > post</button>
<button mat-button routerLink="about-us"> contact us</button>
</div>
</mat-toolbar-row>
次の出力があります
私の質問
2つのコードが同じように機能することを期待しています…では、なぜ2番目のコードで3つのボタンを積み重ねるのですか？
おかんアスランカン
divあなたが内部使用される要素はmat-toolbar-row、親要素のない完全な幅を持っていません。したがってfxFlex、親の幅が100％になるように、ディレクティブとして追加する必要があります。
<mat-toolbar-row fxShow.ls-sm fxHide.gt-sm>
<!-- ADD fxFlex to div -->
<div fxFlex fxlayout="row" fxLayoutAlign="space-between center">
<button mat-button >home</button>
<button mat-button > post</button>
<button mat-button > contact us</button>
</div>
</mat-toolbar-row>
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
編集
関連記事
Related 関連記事
- 1
NameValueCollectionの動作が異なるのはなぜですか？
- 2
groupby操作の動作が異なるのはなぜですか
- 3
hide（）の動作が異なるのはなぜですか？
- 4
to_symの動作が異なるのはなぜですか？
- 5
この例で「grep」の動作が異なるのはなぜですか？
- 6
zshとbashの `[...]`内で `==`の動作が異なるのはなぜですか？
- 7
zshとbashの `[...]`内で `==`の動作が異なるのはなぜですか？
- 8
jQueryがjavascriptとは異なる動作をするのはなぜですか？
- 9
ghciがrunHaskellとは異なる動作をするのはなぜですか？
- 10
'names'の属性の動作が異なるのはなぜですか？
- 11
memsetが関数で異なる動作をするのはなぜですか？
- 12
Chromeで並べ替えの動作が異なるのはなぜですか？
- 13
SetSystemTime（）が午後に異なる動作をするのはなぜですか？
- 14
同じコードの動作が異なるのはなぜですか？
- 15
（ '0'？ 'a'： 'b'）の動作が（ '0' == true？ 'a'： 'b'）と異なるのはなぜですか
- 16
width：autoの動作がheight：autoと異なるのはなぜですか？
- 17
Unix find -exec：次の動作が異なるのはなぜですか？
- 18
routerLinkとrouter.navigate（）の動作が異なるのはなぜですか？
- 19
VIM：ドット演算子の動作が異なるのはなぜですか？
- 20
numpyインポートの動作が異なるのはなぜですか？
- 21
vector :: iteratorとset :: iteratorの動作が異なるのはなぜですか？
- 22
変換行列の動作が異なるのはなぜですか
- 23
forループとforEachの動作が異なるのはなぜですか？
- 24
pidofとpgrepの動作が異なるのはなぜですか？
- 25
`--var`と` var-1`の動作が異なるのはなぜですか？
- 26
NSStringとNSMutableArrayの変更動作が異なるのはなぜですか？
- 27
「json_encode（）」の動作が異なるのはなぜですか？
- 28
このコードが異なる値で異なる動作をするのはなぜですか
- 29
TreeSetのaddメソッドが異なるJREで異なる動作をするのはなぜですか？
コメントを追加