为什么我不能制作“票据照片”中心？

Question

我搞砸定位了吗？试图避免使用边距。抱歉愚蠢的问题 - 对此不熟悉！

CODEPEN

.container {
  position: relative;
}

.jumbotron::before {
  background: rgba(0,0,0,.5);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.bill-photo {
  position: relative;
  width: 15rem;
  border-radius: 50%;
}

Answer 1

尝试在.container类上使用text-align css属性。

ffmpeg

这可以解决您的问题并为您提供所需的效果。

希望它有所帮助。干杯！