css absolute绝对定位正中

分类: IT文章 • 2022-05-01 20:55:27

css absolute绝对定位居中
示例:

#content{
position:absolute;
width:650px;
height:298px;
left:50%;
top:50%;
margin-left:-325px; /*设置为宽度的一半*/
margin-top:-149px; /*设置为高度的一半*/
}

left: 要设为 50%,此时当前框体，左上角居中了，当然此时要让框体整体居中，要往左移到宽度一半就居中了

margin-left:-325px; /*设置为宽度的一半*/
margin-top:-149px; /*设置为高度的一半*/

这样就实现了定位居中