任意の数のグリッド項目を含むグリッド レイアウトが必要で、グリッド項目が埋まると、次のような新しい行が自動的に作成されます。
リーリー リーリー問題は、
75px をハードコーディングしたくないことです。 この値を「最も広いグリッド項目のコンテンツ幅」に設定する方法はありますか?
75px を min-content に変更してみました。これは仕様どおりに機能するようですが、開発ツールではこれは無効な CSS であると言われます。また、grid-template-columns の代わりに grid-auto-columns: min-content だけを設定しようとしました。これにより、幅は正しく設定されているようですが、行全体が占有されます。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
簡単に言えば答えはノーです。しかし、これは素晴らしい質問であり、本当にサポートされるべき一般的な使用例だと思います。
グリッド テンプレート列に移動します。 自動繰り返し の関連部分は
です リーリー固定サイズはです。 リーリー
その他のビットはリーリー
これは、minmax()
この問題を解決できますか?この例は希望に近いものですか?を使用してgrid-template-columnsに列を自動的に生成する場合、最小値または最大値 は固定長である必要があることを意味しますまたはパーセンテージ。 minmax 式の最初の値として max-contentを使用できますが、式の 2 番目の値として固定長またはパーセンテージを使用する場合に限ります。とても迷惑ですよね。この制限が存在する理由を理解できれば幸いです。