[分享]css中div背景图居中

在CSS中，我们可以使用background属性来设置一个元素的背景图。当我们想要将背景图居中时，一种常用的方法是使用背景位置属性background。示例代码： div { backgroundim...

示例代码：
div {
  background-image: url("image.jpg");
  background-repeat: no-repeat;
  background-position: center center;
} 

示例代码：
div {
  position: relative;
}
div:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url("image.jpg");
  background-repeat: no-repeat;
}