使用transform让Div居中的问题

qq_31149867 2019-02-11 04:30:10
各位好,请教一个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后就出现了上述问题。
...全文
276 2 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
qq_31149867 2019-02-14
  • 打赏
  • 举报
回复
用marginLeft:"-300px",marginTop:"-140px"一样也是这个这个问题
天际的海浪 2019-02-11
  • 打赏
  • 举报
回复
那就别用transform, 改用marginLeft:"-300px",marginTop:"-140px"方式居中

61,128

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧