行が不均一な CSS グリッド (Pinterest スタイル)
P粉710478990
P粉710478990 2023-09-09 14:12:15
0
1
436

3 列複数行のリンク (画像テキスト) グリッドを作成しようとしています。問題は、画像の高さが同じではないため、次のような結果が得られることです。

このような結果を得るために必要な CSS グリッド プロパティを見つけようとしています。

複数のリンクを含む 3 つの div (列ごと) を作成しようとしましたが、応答時の順序が正しくありませんでした。

###手伝ってくれますか?どうもありがとう。

P粉710478990
P粉710478990

全員に返信(1)
P粉994092873

親 div に display: flex を入れるとよいと思います 次に、レンダリングする画像の数を各列に追加します

リーリー

これで、画像の高さが異なることを心配する必要がなくなります。

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!