可以这样做:
- 设置父元素的
position
属性为relative
。 - 设置子元素的
position
属性为absolute
。 - 设置子元素的
left
属性为50%
,并设置一个负的margin-left
值,使其移动回到中间。这个值应该是子元素宽度的一半。
示例代码:
.parent {
position: relative;
}
.child {
position: absolute;
left: 50%;
margin-left: -50px; /* 宽度的一半 */
}
注意:这个方法