flex で要素を画面中央に表示する方法

下のように記述します。

<style>
body,
html {
  height: 100%;
}
body {
  display: flex;
  justyfi-content: center;
  align-items: center;
}
</style>
<div id="center-box">...</div>

Chrome では body, html {height: 100%} の記述が不要です。