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%);


注意!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系我们删除。



 
  © 2014-2022 ITdaan.com 联系我们: