【笔记】CSS实现长图居中

发表于 更新于 阅读次数：

前言

CSS实现长图居中

通过背景图实现长图居中

1
2
3
4
.box {
  height: 100px;
  background-image: url() center;
}

通过相对定位实现长图居中

1
2
3
4
5
.box {
  position: relative;
  transform: translate(-50%);
  margin-left: 50%;
}

完成