css position:fixedで縦横中央に要素を配置する。

javascript

スマートフォン向けのWEBアプリを作るときにposition fixdを使って、要素を中央に表示したい。


昔からcssで縦中央に要素を配置をするのは大変だったけど、
position fixdを使うと途端に難しくなる。

position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);