alert弹出框能否居中浏览器? 现在的弹出框是左右居中的,如何做到垂直居中?
http://layer.layui.com/ 这个,基本上alert呀,浮层呀啥的都满足
系统的应该是不能的,你可以自己模拟一个出来
alert浏览器控制的,你通过代码控制不了的~~
想要自定义的弹出框,最好还是自己写,alert是浏览器控制的
不知道为什么被踩了哈,推荐答案里的http://layer.layui.com/这个也是弹出层,也是通过js动态生成结点实现,如果要居中的话就是也是用js获取页面的宽度,再减去弹出框本身的宽度除2,赋值给position的left,top就是可视页面的高度减去弹出框的高度除以2,然后就定位在水平垂直中间了
-------更新
自带的alert应该是不能的,可以通过js动态创建结点,创建弹出层覆盖页面上方,给它id或者class(这些用css控制),然后用js控制position,控制关闭
可以参考我的博客弹出层的实现
发现手机打开都会出现问题,不能打开就复制下面链接到文字完到地址栏 http://bupt-hjm.github.io/2016/01/05/JavaScript-弹出层的实现/
发现手机打开都会出现问题,不能打开就复制下面链接到文字完到地址栏
http://bupt-hjm.github.io/2016/01/05/JavaScript-弹出层的实现/
绝对居中{ margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0;
}
http://layer.layui.com/ 这个,基本上alert呀,浮层呀啥的都满足
系统的应该是不能的,你可以自己模拟一个出来
alert浏览器控制的,你通过代码控制不了的~~
想要自定义的弹出框,最好还是自己写,alert是浏览器控制的
-------更新
绝对居中
{
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}