今天在写项目时，发现编写的模态框显示不居中，内容把模态框给撑大了，但没有居中，后来发现只要把窗口变动一下模态框就自动居中了（说明模态框的已经有居中属性了，再设置居中属性没效果），这种效果是不满足需求的。
使用的代码如下：
layer.alert(ckdt.length + '条数据统一密码设置成功!' + '<table id="tabDerive" layui-filter="tabDerive"></table>');
样式：
点击确定
发现模态框没有居中。
后来就找了到了几种方法试了一下，可是没有效果。
但是值得记录一下：
1.当页面缺少下面这个声明时，在页面最上面加上声明就能解决问题。
少了这个声明，导致解析页面时不正确。
在html页面或jsp页面第一行声明**
<!Doctype html>
**
2.
给Body增加一个样式，设置Body的高度为100%
<body style="height:100%;">
</body>
后来在查看layui官网时看到了offset 属性，就使用 offset 设置了模态框的坐标改变它在页面显示的位置，就解决了这个问题，坐标大小根据需求设置。
layer.alert(ckdt.length + '条数据统一密码设置成功!' + '<table id="tabDerive" layui-filter="tabDerive"></table>', { offset: ['50px', '34.5%'] });
注 : 在 layer.alert 里使用offset设置坐标需要写在显示的内容后面，写在前面无效。layer 是定义的一个变量用来保存layui模块以便全局使用。
版权声明：本文为web18484626332原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。