使用CSS将元素与页面对齐

Question

我正在尝试保留一个以媒体屏幕为中心的圆圈。 我正在使用CSS代码“ margin：0 auto;”但是，由于某种原因，它不能使圆圈保持在页面中心。

CSS：

pip install -r requirements.txt

Answer 1

您可以尝试绝对居中。

.dot {
  height:550px;
  width: 550px;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
  margin: auto;
  border:2px solid;
  border-radius:100%
}

<div class="dot"></div>