max-content CSS グリッド列の最小幅と固定幅

Question

CSS グリッドがあり、その列幅を列内の最大項目の幅または 100 ピクセルのいずれか小さい方にしたいと考えています。 minmax(max-content, 100px) が機能するかもしれないと思いましたが、そうではありません。以下の例では、狭い列は max-content (ただし 100px)、広い列は 100px (ただし max-content) である必要があります。 CSSグリッドを使用してこれを行うことは可能ですか?

リーリー リーリー

Answer 1

項目には max-width を使用し、列は自動幅のままにします

リーリー リーリー