html - 在不裁剪的情况下居中图像的最佳方法是什么？

Question

[![

.img_div{
      height: 150px;
      width: 150px;
      overflow: hidden;
}
img.prof_img{
      height: 100%;
}

<div class='img_div'> <?php echo "<img class='prof_img' src='$location' alt=''>"; ?> </div>

在不裁剪的情况下居中图像的最佳方法是什么？] 2 ] 2

Answer 1

你可以使用这样的东西。

<div class='img_div' style="background-image: url('<?php echo $location; ?>'); background-position: center;"></div>

注意 background-position: center; 的使用