关于前端:如何让定位的盒子居中

52次阅读

共计 208 个字符,预计需要花费 1 分钟才能阅读完成。

一般块元素的盒子能够通过设置 margin:0 auto 来程度居中,但对加了相对定位的盒子,这种形式是有效的。

要让相对定位的盒子程度居中,能够这么做:

/* 第一步:让盒子左侧挪动到父级元素的程度核心地位 */
left: 50%;
/* 第二步:让盒子向左挪动本身宽度的一半(这里假如相对定位的盒子宽度为 200px)*/
margin-left: -100px;

同理,垂直居中这么做:

top: 50%;
margin-top: -100px;

正文完
 0