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%;
}

以上是编程学习网小编为您介绍的“css实现图片居中对齐有哪些方法？”的全面内容，想了解更多关于 前端知识 内容，请继续关注编程基础学习网。