ライブラリ不要！とにかく画面中央に表示させるマークアップ

以下を参考に、最小限のマークアップで画面中央揃えを実現できました。

• flexboxで上下左右中央揃え - Qiita

• "height: 100%" の要素が画面の高さ100%にならない場合の対応方法 - Qiita

<style>
html {
    height: 100%;
}

body {
    height: 100%;
    margin: 0;
}

.Aligner {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100%;
}
</style>

<div class="Aligner">
    <img src="UKRrZMi.gif" width="128px">
</div>

• gif：LGTM.in » kcLgRb11q