Q&A
html
1<section> 2<article> 3<a href=""> 4<img> 5<h2>文字数不明のタイトル</h2> 6<div>文字数不明のカテゴリー</div> 7</a> 8</article> 9 10<article> 11<a href=""> 12<img> 13<h2>文字数不明のタイトル文字数不明のタイトル文字数不明のタイトル</h2> 14<div>文字数不明のカテゴリー文字数不明のカテゴリー</div> 15</a> 16</article> 17 18<article> 19<a href=""> 20<img> 21<h2>文字数不明のタイトル</h2> 22<div>文字数不明のカテゴリー文字数不明のカテゴリー文字数不明のカテゴリー</div> 23</a> 24</article>
上記のようなブログ記事の一覧ページのレイアウトで、
heightを指定せずにそれぞれの要素の一番大きい高さに合わせてレイアウトする方法はありますか？
おしいところまではいくのですが、どうしてもうまくいきません。
よろしくお願いします。
回答1件
0
ベストアンサー
文字数不定の行が2つ以上あるので、HTMLの構造を変えて（横3つ並ぶとかに固定して）tableで組むか、JavaScriptを使うかどちらかだと思います。
Gridの場合articleの括りをはずせば何とかなるかもしれませんが、HTMLが意味を失うのでお勧めはしません。
投稿2020/05/16 11:18
総合スコア69458
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/05/16 12:52