CSS
使用transform让Div居中的问题
墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网
我也要 关注 + 加入社区各位好，请教一个DIV居中的问题；
代码如图
var content = $('#div_mx').html();
$("#div_mx").html('');
var winWidth = document.documentElement.clientWidth;
g_mxbynumbox = new LightBox("div_mx", 'XXXXX', content, 500, 1200, function () { $('#div_mx').html(content); });
g_mxbynumbox.Show();
g_mxbynumbox.GetBox().css({ width: "600px", height: "280px", top: '50%', left: '50%', transform: ' translate(-50%, -50%)' });
这样做在让DIV居中后出现了一个问题，就是当鼠标点击了div的顶部的标题栏后整个div就会移动，我并没写让div可以拖动的参数，而且移动并不是跟着鼠标，准确说像是被鼠标挤开的感觉，一旦这么点击后那这个窗口就停不下来了，只能刷新页面。
想问问各位这种问题是因为什么，目前我测试到主要是因为transform这个参数。
top: '50%', left: '50%', transform: ' translate(-50%, -50%)'设定后div可以居中了 但是也是在设定了transform后就出现了上述问题。
代码如图
var content = $('#div_mx').html();
$("#div_mx").html('');
var winWidth = document.documentElement.clientWidth;
g_mxbynumbox = new LightBox("div_mx", 'XXXXX', content, 500, 1200, function () { $('#div_mx').html(content); });
g_mxbynumbox.Show();
g_mxbynumbox.GetBox().css({ width: "600px", height: "280px", top: '50%', left: '50%', transform: ' translate(-50%, -50%)' });
这样做在让DIV居中后出现了一个问题，就是当鼠标点击了div的顶部的标题栏后整个div就会移动，我并没写让div可以拖动的参数，而且移动并不是跟着鼠标，准确说像是被鼠标挤开的感觉，一旦这么点击后那这个窗口就停不下来了，只能刷新页面。
想问问各位这种问题是因为什么，目前我测试到主要是因为transform这个参数。
top: '50%', left: '50%', transform: ' translate(-50%, -50%)'设定后div可以居中了 但是也是在设定了transform后就出现了上述问题。
...全文
