問題タブ [css-grid]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
2 に答える
4854 参照

css - 動的な高さのコンテナでフレックスアイテムをラップできますか?

フレックスボックスに問題があります。誰かが私を正しい方向に向けることができますか? flex-box の動作方法が原因で、この状況を解決できないことさえあるかもしれません。

  1. 4 列にまたがってコンテンツを表示したい。

  2. コンテンツを列形式でリストし、スペースがなくなると次の列に折り返すようにします。

    これを処理する必要があります。

    しかし、これは物事がトリッキーになるところです。固定の高さではなく、コンテンツの長さに基づいて拡大/縮小したい場合はどうすればよいですか?

    ここに画像の説明を入力

  3. コンテナーの高さを動的にします。ケース B と同様に、ケース A の 4 行から 7 行に行が増えました。すべての列を可能な限り埋めるようにコンテンツが設定されています。

https://codepen.io/Talamihg/pen/WjMYNd