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

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

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

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

同理,垂直居中这么做:

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

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理