More than 5 years have passed since last update.

modalを画面中央に表示させる書き方

Posted at 2014-07-29

a.scss

$modal-width: 670px;
.modal {
  position: fixed;
  top: 10%;
  left: 50%;
  width: $modal-width;
  margin-left: -($modal-width / 2);
}

widthを決め打ち + position leftt 50%で描画しておき, margin-leftでwidthの半分だけ左にずらす