css实现图片居中对齐有哪些方法？

css语法如何实现图片居中对齐，下面编程教程网小编给大家简单介绍一下几种方法？

方法一：兼容低版本浏览器

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

方法二：兼容高版本浏览器

div{
  display: flex;
  justify-content: center;
  align-items: center;
}
div img {
  max-width: 100%;
  max-height: 100%;
}