1. フレックスシュリンクとは、フレックス コンテナーのスペースがなくなったときの単一要素の収縮率を指します。
2. 負の値はサポートされていません。デフォルト値は 1 です。これは、すべてのフレックス項目がデフォルトで縮小されることを意味します。 0 に設定すると、収縮は行われず、元の幅が維持されます。
例
// CSS part.content{
ディスプレイ: フレックス;
幅: 400ピクセル;
高さ: 200ピクセル;
境界線: 1 ピクセルの実線。
}
.left、.center、.right{
高さ: 200ピクセル;
}
。左{
幅: 100ピクセル;
背景色: 水色;
}
。中心{
幅: 200ピクセル;
背景色: 素焼き;
}
。右{
幅: 300ピクセル;
背景色: cadetblue;
}上記は CSS の flex-shrink 属性の概要です。皆様のお役に立てれば幸いです。