如何在jquery框中居中放置i标记

$(document).ready(function() {
  var container = $('.container'); // 替换为你的容器元素选择器
  var icon = $('i'); // 替换为你的<i>标记选择器

  var containerWidth = container.width();
  var containerHeight = container.height();
  var iconWidth = icon.width();
  var iconHeight = icon.height();

  var leftPosition = (containerWidth - iconWidth) / 2;
  var topPosition = (containerHeight - iconHeight) / 2;

  icon.css({
    left: leftPosition,
    top: topPosition
  });
});