; < ;style> /* フレックスコンテナ */ .container { 表示: フレックス; 高さ: 20rem; ボーダー: 1px ソリッド #000; } /*フレックス項目スタイル (つまり、子要素) */ .container > .item { / *padding: 1rem; */ /* width: 10rem; 便利 ここでズーム機能をテストします 10rem の代わりに 100% を使用することをお勧めします */ width: 100%; background-color: lightyan; border: 1px Solid #000; /* 項目の拡大を許可するかどうかを設定します 1 は許可します 0 は許可しません*/ /* flex-grow: 1 ;*//*項目の縮小を許可するかどうかを設定します*/flex-shrink: 1;/*Set主軸スペース上の項目のサイズ*//*Flex-base: 15rem;*/}/* flex プロパティ */