文本在div中始終垂直居中
如果是文本字數固定,在div中垂直居中,相信大家都會
這邊分享個不固定文本在div中垂直居中的方法
html代碼
<div class="box"> <div class="text">4月23日上,據最新的現場圖片,正在大連造船廠建造的中國首艘國產航母已經往船塢注水,這意味航母已經進入倒計時。</div> </div>
css代碼
.box{position:relative;width:500px;hieght:300px;}
.text{position:absolute;top:50%;left:10px;transform: translateY(-50%);}
該方法運用了css3的translate位移,所以低版本IE是不兼容的。
浙公網安備 33010602011771號