今回は、横並び時に特定の要素の高さを揃えたい場合の実装について、CSSだけで対応する方法、JSを使って対応する方法を紹介していきます。 具体的には、下記になります。 CSSで横並びで高さを揃える方法1(親要素・子要素・孫要素)CSSで横並びで高さを揃える方法2(親要素・子要素・孫要素・ひ孫要素)JSで横並びで折り返すカラムの行に応じて高さを揃える方法JSで横並びで折り返さないカラムで高さを揃える方法 demo それでは実装に入っていきますが、最初にすべてのコードを紹介してから詳細に入っていきたいと思います。 HTMLの記述について <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0
![横並び時に特定要素の高さを揃えたい場合の実装(備忘録) - freefuntimes](https://cdn-ak-scissors.b.st-hatena.com/image/square/ef5b50273e4bbc2fd1fcd4f9b5f6893994e876c2/height=288;version=1;width=512/https%3A%2F%2Ffreefuntimes.com%2Fwp-content%2Fuploads%2F2023%2F07%2F4c29ba9f86aa638899fc88d7f20d4ec6.jpg)