【CSS】div内の画像を縦横中央に配置する。キリンブログ福岡在住のウェブ制作がんばるおじさんが少ない語彙力で更新するブログ。【CSS】div内の画像を縦横中央に配置する。Tweet仕事で使ったのでメモ。こちらの記事を参考にさせて頂きました。やりたかったのは以下の2点。ひとつのdiv内に1枚画像を配置して同じようなボックスを並べたい。画像のサイズは様々だけど、div内の縦横中央に配置したい。単純な問題なんですけど、ググってみてもなかなかちょうどいい解決法が見つからない。そんな時に、もう本当に求めていたそのまんまの答えを教えてくれたのがこちらの記事でした。vertical-align:middle;}こんだけポイントはIE独自仕様のlayout-grid-lineで高さを与えることとdiv内のimgにvertical-alignを与えることの2つjs使ったりハック使ったりする必要もなくソースも汚れないので色々と使える小技ですlayout-grid-lineの代わりにline-heightを使ってもできるみたい。parallax.jsをいじってパララックスのデモ作ってみた。