天地中央に画像を配置する

TOP >  コードサンプル一覧 >  天地中央に画像を配置する

中に配置する画像やテキストの高さも不明、外側のボックスの高さも不明で、天地中央に配置できます。

<div class="demo">
	<p>天地の中央に配置</p>
</div>
.demo p {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
PAGE TOP ▲

「迅速・丁寧な対応」と「かゆい所に手がと届く対応」に心がけておりますのでお気軽にご相談ください。メールフォームはこちら。