使用jquery onresize更改div的位置

<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>

<div id="myDiv" style="position: absolute; top: 100px; left: 100px;">Hello, World!</div>

$(window).on('resize', function() {
  var newTop = $(window).height() / 2 - $('#myDiv').height() / 2; // 计算新的top值
  var newLeft = $(window).width() / 2 - $('#myDiv').width() / 2; // 计算新的left值
  $('#myDiv').css({ top: newTop, left: newLeft }); // 修改div的位置
});

#myDiv {
  width: 200px;
  height: 100px;
  background-color: #f0f0f0;
  border: 1px solid #ccc;
  text-align: center;
  line-height: 100px;
}