[CS]flex itemプロパティ

986 ワード

テキストリンク

.item{
	order:1 /*속성값은 숫자*/
}

の数字が小さいほど、まず置かれます.

.item{
	flex-basis:100px;
 }

itemのデフォルト幅を設定します.

But! このプロパティはflex-schripプロパティ(各アイテムのスケールを設定するプロパティ)を持つデフォルト値です.

ウィンドウを減らすと、コンテナとアイテムの余白が消えた後、flex-base:100 pxを減らします.以下に減らす.

からflex-schripで設定した割合で減少します.既定値は同じで、同じ割合で減少します.(1/4)

注意事項!flex-growはdipoltで、x->上図の項目は100 px以上増加しません.

.item{
	flex-shrink:4;
 }

項目の減少率

を設定します.

flex-basicを境界とし、プロジェクト幅に応じてflex-grow、flex-srift操作を行います.

この問題について([CS]flex itemプロパティ), 我々は、より多くの情報をここで見つけました https://velog.io/@torin/CSS-flex-item-속성

テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。

Collection and Share based on the CC Protocol