中に配置する画像やテキストの高さも不明、外側のボックスの高さも不明で、天地中央に配置できます。
<div class="demo"> <p>天地の中央に配置</p> </div>
.demo p { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
中に配置する画像やテキストの高さも不明、外側のボックスの高さも不明で、天地中央に配置できます。
<div class="demo"> <p>天地の中央に配置</p> </div>
.demo p { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
「迅速・丁寧な対応」と「かゆい所に手がと届く対応」に心がけておりますのでお気軽にご相談ください。メールフォームはこちら。