search

Home  >  Q&A  >  body text

javascript - alert弹出框能否居中浏览器?

alert弹出框能否居中浏览器? 现在的弹出框是左右居中的,如何做到垂直居中?

巴扎黑巴扎黑2897 days ago933

reply all(6)I'll reply

  • PHP中文网

    PHP中文网2017-04-10 16:49:44

    http://layer.layui.com/ 这个,基本上alert呀,浮层呀啥的都满足

    reply
    0
  • 迷茫

    迷茫2017-04-10 16:49:44

    系统的应该是不能的,你可以自己模拟一个出来

    reply
    0
  • 巴扎黑

    巴扎黑2017-04-10 16:49:44

    alert浏览器控制的,你通过代码控制不了的~~

    reply
    0
  • 阿神

    阿神2017-04-10 16:49:44

    想要自定义的弹出框,最好还是自己写,alert是浏览器控制的

    reply
    0
  • 阿神

    阿神2017-04-10 16:49:44

    不知道为什么被踩了哈,推荐答案里的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-弹出层的实现/

    reply
    0
  • 大家讲道理

    大家讲道理2017-04-10 16:49:44

    绝对居中

    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;

    reply
    0
  • Cancelreply