水平方向と垂直方向のCSSの中心

あなたが私のような何かであるならば、垂直に、そして、水平に水平にHTML要素を中心にすることはあなたの経歴の若干の点であなたの存在のBaneでした.
幸いにも、この解決策はevery browser, even IE 11にあります.

display: flex;
justify-content: center;
align-items: center;

justify-contentはデフォルトで水平方向のアライメントです.それを削除またはjustify-content: flex-start;を設定すると、子要素が左に配置されます.justify-content: flex-end;を設定すると、子要素が右側に配置されます.align-itemsはデフォルトで垂直方向のアライメントです.それを削除またはalign-items: flex-start;を設定すると、子要素が上部に配置されます.align-items: flex-end;を設定すると、子要素が下に配置されます.
こちらはexampleです.
おそらく、padding、absoluteの左、右、上/下の位置決め、float、line-height、transform、その他のトリックを使用して停止することができます.