css的div动态⽔平垂直居中div动态⽔平垂直居中,思路如下:
(1)先定位。如果相对于距离最近的⽗元素,⽤absolute;如果相对于body,⽤fixed。
(2)然后,top和left都设为50%。
(3)要居中的div的margin-top和margin-left,都设置为该div⾼度和宽度的⼀半。
position:absolute;
width:200px;
css设置文字垂直居中height:100px;
left:50%;
top:50%;
border:1px solid red;
margin-left:-100px;
margin-top:-50px;
如果只是⽔平居中,只⽤⼀个margin就⾏了。
margin:0 auto;
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论