Javascript 如何在当前窗口中打开图像时居中

我有一个图像中心的问题。我通过点击打开当前窗口中的图像，但它看起来是错误的

我该怎么修？ 以下是我的html标记：

<div id="bgdiv"></div>
<img src="" onclick="expand(this);"... />

下面是我的js方法：

expand = function (a) {
var me = a.src;
$(a).after("<img src=" + me + " id='2rmv' />");
$('#2rmv').css({
    'position': 'absolute',
    'width': '500px !important',
    'height': '400px !important',
    'right': '1%',
    'z-index': '10001',
    'display': 'block',
    'border': '2px groove white',
    'border-radius': '10px'
});
$('#bgdiv').css({
    'background-color': 'black',
    'height': '100%',
    'text-align': 'center',
    'left': '0px',
    'opacity': '0.7',
    'position': 'fixed',
    'top': '0px',
    'width': '100%',
    'z-index': '10000'
});
$('#bgdiv').on('click', function () {
    $('#bgdiv').removeAttr("style");
    $('#2rmv').remove();
});
};

expand=函数（a）{
var me=a.src；
$（a）.在（“”）之后；
$（'#2rmv'）.css({
'位置'：'绝对'，
“宽度”：“500px！重要”，
‘高度’：‘400px！重要’，
“对”：“1%”，
“z索引”：“10001”，
“显示”：“块”，
“边框”：“2px槽白色”，
“边界半径”：“10px”
});
$（'#bgdiv'）.css({
“背景色”：“黑色”，
“高度”：“100%”，
“文本对齐”：“居中”，
“左”：“0px”，
“不透明度”：“0.7”，
'位置'：'固定'，
“顶部”：“0px”，
“宽度”：“100%”，
“z指数”：“10000”
});
$（'#bgdiv'）。在（'click'，函数（）{
$（'bgdiv'）.removeAttr（“样式”）；
$（'#2rmv'）。删除（）；
});
};

---

如果我添加'left'参数而不是'right'，最后一个元素将显示错误。

一个非常快速的谷歌搜索在不到10秒内给了我以下答案：

将以下css应用于图像div：

position: absolute;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%)

---

在不到10秒钟的时间里，通过谷歌的快速搜索，我得到了以下答案：

将以下css应用于图像div：

position: absolute;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%)

---

JarrodRoberson建议我和你谈谈如何帮助你获得c#接近投票，因为你现在是3k代表。因此，我们的团队也参与其中，如果有兴趣，请停下来。JarrodRoberson建议我和你谈谈如何帮助获得c#接近投票，因为你现在是3k代表。因此，我们的团队也参与其中，如果有兴趣，请停下来。