CSS實現DIV水平 垂直居中
水平大家都知道，一般固定寬度給個margin:0 auto；就可以了。下面實現水平垂直都居中
HTML
<div class="parent">
</div>
css
html,body{
width: 100%;
height: 100%;
}
.parent{
width: 750px;
height: 400px;
background: orange;
/*水平居中*/
margin: 0 auto;
position: relative;
top: 50%;
margin-top: -200px;/*高度的一半*/
}
都居中了。也可以把margin-top:-200;換為CSS3新屬性:transform:translateY(-50%);
注意！
本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系我们删除。