使用jQuery从中心显示和缩放图像

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<div id="image-container"></div>

$(document).ready(function() {
  var container = $("#image-container");
  container.css({
    "display": "flex",
    "justify-content": "center",
    "align-items": "center"
  });
});

$(document).ready(function() {
  var container = $("#image-container");
  var image = $("<img>").attr("src", "path/to/image.jpg");
  container.append(image);
});

$(document).ready(function() {
  var container = $("#image-container");
  var image = $("<img>").attr("src", "path/to/image.jpg");
  container.append(image);

  image.css({
    "max-width": "100%",
    "max-height": "100%",
    "width": "auto",
    "height": "auto"
  });
});