如何居中对齐一个固定的位置div?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (15)

我想获得一个position:fixed中心在我的页面上对齐的div 。

我一直可以用绝对定位

left: 50%; width: 400px; margin-left:-200px

...其中margin-left的值是div的宽度的一半。

但这似乎不适用于固定位置div,

提问于
用户回答回答于

使用CCS3 transform

.centered {
    position: fixed;
    left: 50%;
    transform: translate(-50%, 0);
}

用户回答回答于

还可以使用:

width: 75%;
position: fixed;
left: 50%;
margin-left: -37.5%;

这样做将始终固定你的位置

扫码关注云+社区