CSS3:サイズ不明でもどのような要素でも縦中央配置する

.class {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

自分自身を相対的にtopから50%の位置に配置し、transformで自身の高さの50%上にずらすことで中央配置を実現しています。

Sassならば下記のように短縮できますね。

.class {
  position: relative;
  top: 50%;
  @include transform(translateY(-50%));
}

参考元:http://zerosixthree.se/vertical-align-anything-with-just-3-lines-of-css/

AWSを利用した導入事例のご紹介

実際に構築を行ったAWSの事例を紹介しています。導入の目的に近い事例をご覧いただくと、実際の構成例やメリット、注意点などが把握できます。

ブックオフコーポレーション株式会社様
第一生命保険株式会社様
株式会社電通様
株式会社LIFULL様
株式会社リブセンス様
TBSアナウンス部様
明治大学様
拓殖大学様