下層ページイメージ

新着情報

横に並んだコンテンツの高さを同じにしたい時のCSS

ホームページのレイアウトを整える時、見やすさと見栄えにはこだわりたいと思っています。
テキストを並べただけのホームページでは見づらいし、コンテンツ一つ一つの見え方を整えると、全体の見栄えにつながるからです。

「その空きが気になる」ってことありますよね。

横並びの箱組みを普通にhtmlで組むと、上の図のように、横の天地が揃いません。
ここで一手間を惜しまず、やっぱり揃えたいのが作り手の些細なこだわりというものです。

ひと昔前なら、天地の高さを指定すればよかったものの、今は「レスポンシブ」時代!
画面サイズが変わったら可変してもらうためには、数値指定はノンノン♪

cssだけで横並びコンテンツの天地サイズを揃えられるので便利です。

こちらをリストに入れるだけで、とっても便利です。

今回参考にさせていただいたサイトです
CSSのみで横並びの要素の高さを揃える


« | »

こちらの記事もオススメです

新着情報一覧

ホームページ制作にまつわる便利な情報を長野より発信!