私はこのウェブサイトhttp://flexboxfroggy.com/のFlexboxレイアウトでトレーニングしています。私は順序プロパティを理解していない事があります:フレックスボックスレイアウトのプロパティを注文
は、私はその後、私は順番に適用すでにこの
を持って想像:1;黄色のカエルへのプロパティ。
なぜこれら二つの小さな一緒に右に行くの?私はその行動を期待していないでしょう。私は彼らが右に1歩前進したと思ったが、そうではなかった?
誰かが私に説明できますか?
私はこのウェブサイトhttp://flexboxfroggy.com/のFlexboxレイアウトでトレーニングしています。私は順序プロパティを理解していない事があります:フレックスボックスレイアウトのプロパティを注文
は、私はその後、私は順番に適用すでにこの
を持って想像:1;黄色のカエルへのプロパティ。
なぜこれら二つの小さな一緒に右に行くの?私はその行動を期待していないでしょう。私は彼らが右に1歩前進したと思ったが、そうではなかった?
誰かが私に説明できますか?
order
プロパティの初期値は、すべてのフレックスアイテムに対して0
です。
order: 1
をアイテムに適用すると、他のアイテムより先に移動します。
画像のコードから明らかなように、2つの黄色カエルはもともとは、一番上の行の空の緑色の円に位置していました。それは彼らの最初の場所だった。その後、align-self: flex-end
はそれらをコンテナの底に移動しました。
align-self: flex-end
を1秒間忘れた場合、order: 1
は、これらのカエルを一番上の行の最後に移動します。今すぐalign-self: flex-end
を戻してください。ここで
はorder
プロパティの詳細な説明です:https://stackoverflow.com/a/36118012/3597276
ここに画像やオフサイトのリンクだけでなく、あなたのコードの例を追加してください、スニペットに、ここで同じコードを配置するのは簡単になります – DaniP