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