position:absolute;やposition:fixed;で要素をきれいに中央配置する方法 | TechMemoある要素をposition:absolute;やposition:fixed;で配置する場合、topやleftで要素の位置を調整しますが、要素の左上が指定された位置に配置されます。なので、以下のようにtopとleftを50%にしてもきれいに中央に配置することはできません。 <div id="neko"> <img src="neko.jpg" /> </div> #neko img{ position:fixed; top:50%; left:50%; } このようにCSSで指定した場合、画像の左上が中央になるため、画像自体は中央からずれてしまいます。 今回は、このような場合に画像などの要素をきれいに中央配置する方法を紹介します。positionプロパティの詳細については、要素を柔軟に配置するプロパティ「position」をご参照ください。 position:absolute;やposit
