一般块元素的盒子能够通过设置 margin:0 auto
来程度居中,但对加了相对定位的盒子,这种形式是有效的。
要让相对定位的盒子程度居中,能够这么做:
/* 第一步:让盒子左侧挪动到父级元素的程度核心地位 */
left: 50%;
/* 第二步:让盒子向左挪动本身宽度的一半(这里假如相对定位的盒子宽度为 200px)*/
margin-left: -100px;
同理,垂直居中这么做:
top: 50%;
margin-top: -100px;
一般块元素的盒子能够通过设置 margin:0 auto
来程度居中,但对加了相对定位的盒子,这种形式是有效的。
要让相对定位的盒子程度居中,能够这么做:
/* 第一步:让盒子左侧挪动到父级元素的程度核心地位 */
left: 50%;
/* 第二步:让盒子向左挪动本身宽度的一半(这里假如相对定位的盒子宽度为 200px)*/
margin-left: -100px;
同理,垂直居中这么做:
top: 50%;
margin-top: -100px;