如何将一个
水平/宽度对齐到页面中央[duplicate]

Question

15 浏览2023年5月21日

匿名的 2022年9月21日

0 Comments

这个问题已经有了答案:

如何水平居中元素？

我有一个div标签，width设置为800像素。当浏览器宽度大于800像素时，它不应该拉伸div，而应该将其置于页面的中间。

admin 更改状态以发布 2023年5月21日

0

1 答案

匿名的 · Answer 1 · 2022-09-21T20:57:58+00:00

使用

position: absolute、top:50%和left:50%将元素的顶部边界放在屏幕的垂直中心，左侧边界放在水平中心，然后通过添加margin-top为该

的高度的负数，即-100，使其上移100像素，margin-left类似。这将把

准确地置于页面中心。

#outPopUp {
  position: absolute;
  width: 300px;
  height: 200px;
  z-index: 15;
  top: 50%;
  left: 50%;
  margin: -100px 0 0 -150px;
  background: red;
}

0

如何将一个水平/宽度对齐到页面中央[duplicate]

1 答案

如何将一个
水平/宽度对齐到页面中央[duplicate]