div居中的三种方法

时间:2023-03-08 21:29:33

方法1:

#div1{

width:200px;

height:200px;

background:green;

position:absolute;

left:0;

top:0;

right:0;

bottom:0;

margin:auto;

}
方法2:

#div1{

width:400px;

height:400px;

background:green;

position:absolute;

left:50%;

top:50%;

margin:-200px 0 0 -200px;

}
方法3:

#div1{

display:table-cell;

text-align:center;

vertical-align:middle;

}//图片的居中方法