私は現在flexについて学んでおり、Bootstrap4の列クラスでこの行を見ました。
.col-md-4 {
flex: 0 0 33.3333%;
}
2つの対応するプロパティは何0 0
ですか?
MDNから:
flex
これは、速記プロパティそのセットである
flex-grow
、flex-shrink
とflex-basis
。
それらを、要素がどれだけ拡大または縮小するかについての比例した議論として考えると便利です。0 0 33%
基本的には単に「3分の1を取る」ことを意味し、他の要素に比例して、これ以上「成長」または「縮小」しないでください。
さらに詳細に:
flex-grow
flex-grow CSSプロパティは、フレックスアイテムのフレックス成長係数を指定します。これは、アイテムが占めるフレックスコンテナ内のスペースの量を指定します。フレックスアイテムのフレックス成長係数は、フレックスコンテナ内の他の子のサイズに関連しています。
flex-shrink
flex-shrink CSSプロパティは、フレックスアイテムのフレックス縮小係数を指定します。フレックスアイテムのデフォルトの幅がフレックスコンテナよりも広い場合、フレックスアイテムはフレックスシュリンク番号に従ってコンテナを満たすように縮小します。
flex-basis
flex-basis CSSプロパティは、フレックスアイテムの初期メインサイズを指定します。このプロパティは、box-sizingを使用して特に指定されていない限り、コンテンツボックスのサイズを決定します。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加