.dropdown { position: absolute; left: 50%; transform: translateX(-50%); }
为了将下拉窗居中,大家首先需要将其包裹在一个块级元素中,并使用`position: relative`使其相对定位。
.container { position: relative; }
然后,大家对下拉窗使用绝对定位,并将其左边框距离父元素左边框的距离设置为50%。
.dropdown { position: absolute; left: 50%; }
为了让下拉窗居中,大家使用CSS的`transform`属性将其向左移动50%。
.dropdown { transform: translateX(-50%); }
最终的CSS代码如下:
.container { position: relative; } .dropdown { position: absolute; left: 50%; transform: translateX(-50%); }
通过这个方法,大家可以轻松地将下拉窗居中。