CSSグリッドの等幅の列

CSSのグリッドを使用して、行要素に2〜3つ以上の子要素があるかどうかにかかわらず、以下のhtmlをn個の等しい列で表示したいと考えています。それはCSSのグリッドを使用して完了してください - 任意の助けに感謝します。CSSグリッドの等幅の列

<div class="row"> 
    <div class="item"></div> 
    <div class="item"></div> 
    <div class="item"></div> 
</div>

この試し：今コンテナ行を満たすのに必要な数の列（auto-fit）を作成し、各列は（行の間隔の等しい分布を受け取る

.row { 
    display: grid; 
    grid-template-columns: repeat(auto-fit, 1fr); 
}

を1fr）。 auto-fitの詳細については

、この記事を参照してください。frユニットの詳細については

、この記事を参照してください。

2017-12-01 22:39:11

まだ私のために働いていない - 列の幅の100％を取ると、他の下に積み重なっている - 私は何が欠けているのですか？ – user1678736

すべてのコードでデモを投稿してください。問題がわかります。 –

マイケルに返信してくれてありがとう - 私はちょうどあなたのコードをコピー/ペーストしました – user1678736

答えて