[分享]css取图片中心点

CSS是一种用于网页设计的技术，而网页中经常会用到图片。如何才能让图片居中显示呢？其中一个方法就是使用图片中心点。在CSS中，我们可以使用以下代码来设置图片的居中显示：img { : absolute...

CSS是一种用于网页设计的技术，而网页中经常会用到图片。如何才能让图片居中显示呢？其中一个方法就是使用图片中心点。

在CSS中，我们可以使用以下代码来设置图片的居中显示：

img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
} 

其中，position: absolute;将图片的定位方式设置为绝对定位；top: 50%;和left: 50%;将图片的起始位置移动到其父元素的中心点；transform: translate(-50%, -50%);以图片自身的中心点为准，将其向上和向左分别移动图片宽度和高度的一半，即将其定位于中心点。

以上CSS代码即可实现图片的居中显示，无论图片的具体大小。