精华内容
下载资源
问答
  • layer不居中
    2021-06-26 13:38:03

    layer弹出层不居中解决方案

    参考文章:

    (1)layer弹出层不居中解决方案

    (2)https://www.cnblogs.com/cnmx/p/5274001.html

    (3)https://www.codeprj.com/blog/5079911.html


    备忘一下。


    更多相关内容
  • 使用了该代码弹出一个图片。但居然不居中 var layer_index = layer.open({ type: 1, title: false, closeBtn: 0, area: '516px', skin: 'layui-l...

    使用了该代码弹出一个图片。但居然不居中

     var layer_index = layer.open({
                  type: 1,
                  title: false,
                  closeBtn: 0,
                  area: '516px',
                  skin: 'layui-layer-nobg', //没有背景色
                  shadeClose: true,
                  content: self.html()
                });

    原因是,我的图片内容的外网的。也就是说不是本地的。导致需要加载。所以不居中。将图片放置在本地即可。

    但如果实在需要使用外网的图片。那就可以通过修改style来达到效果了。其实也很简单

    http://www.layui.com/doc/modules/layer.html#layer.style

    layer.style(index, {
      transform: 'translateX(-50%)',
      top: '50%';
    });       

     

    转载于:https://www.cnblogs.com/CyLee/p/8182274.html

    展开全文
  • 关于layer弹框不居中的问题 #最近在写一个购物车页面,在用户点击删除商品按钮的时候,为了让用户进行再确认是否删除,需要用到layer.confirm弹框,但是弹框一直显示,只出现一个遮罩层,后来调试好久,弹框终于...

    关于layer弹框不居中的问题

    #最近在写一个购物车页面,在用户点击删除商品按钮的时候,为了让用户进行再确认是否删除,需要用到layer.confirm弹框,但是弹框一直不显示,只出现一个遮罩层。后来调试好久,弹框终于出来了,却出现在了页面最下方.看网上的方法有两种
    一是在代码上方加上 <!doctype html>
    第二种是在body标签上加样式 style = “height:100%”
    试了一下发现两种都不管用
    最后找到了一个方法
    给弹框加上属性{icon:0,offset:‘200px’}
    第一个是水平居中,第二个是弹框距离页面顶部的距离

    在这里插入图片描述

    展开全文
  • 今天小编就为大家分享一篇解决layer.msg 不居中 ifram中的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • 今天小编就为大家分享一篇layer.open的自适应及居中及子页面标题的修改方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • 是移动端的使用场景,因为项目需要,使用的是PC端的layer.js,提示文字长的时候layer.alert()就居中显示了,就像下面这个样子: 修改之后的效果: 解决方案1:做移动端项目的时候,尽量使用mobile版本的...

    是移动端的使用场景,因为项目需要,使用的是PC端的layer.js,提示文字长的时候layer.alert()就不能居中显示了,就像下面这个样子:

    修改之后的效果:

    解决方案1:做移动端项目的时候,尽量使用mobile版本的layer.js弹出层插件,如果必须要用PC版本的,那么请看我的解决方案2。

    解决方案2(不太推荐):在弹出后检查修正一下弹出的layer弹出层的css,代码如下:

    var strly = layer.alert(data.errmsg);
    var strly_left = $('#layui-layer' + strly).css("left");
    $('#layui-layer' + strly).css("right",strly_left);

    解决方法3(推荐):尽量使用layer.open()方法展示弹出层,并制定宽度和高度,如果高度不能确定,可以将高度指定为auto,代码如下:

    //以下代码-10和-140是根据我自己的业务情况来的,可以酌情使用,就是提供个思路而已
    msgboxWidth = screen.availWidth - 10 + 'px';
    msgboxHeight = screen.availHeight - 140 + 'px';
    layer.open({
        content:'为保证更多人有获奖机会,<br>请在上午<b>9:00</b>后参与活动。<br>上午<b>9:00</b>之前<b>只能答题和学习</b>,不能参与抽奖。',
        area: [msgboxWidth, 'auto'],
        btn:'确定'
    });

    效果展示:

    layer是非常优秀的弹出层插件,停更了真令人惋惜。 

    展开全文
  • layer做操作结果提示时,发现如果页面超出屏幕的高度时,弹出的提示不是屏幕居中,而是在页面高度的中间,如果一个页面的高度比较大,就看到提示了。 二、解决方案 解决方法一: 当页面缺少下面这个声明时,在...
  • layer弹出层不居中

    万次阅读 2018-04-28 10:09:19
    layer弹出层如果设置offset属性,默认是居中弹出。若没有设置offset属性,且不是垂直居中弹出,目前我遇到的情况其原因是:可能由于fixed定位或者absolute定位布局,导致元素脱离文档流,使得body看起来很高,但...
  • 1、高度自适应: success: function(layero, index) { ...以上这篇layer弹出层自适应高度,垂直水平居中的实现就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持软件开发网。
  • 不居中效果: 解决方法: 在 标签 加上 style="height: 100%
  • layer弹出层不居中解决方案 一、问题描述 用layer做操作结果提示时,发现如果页面超出屏幕的高度时,弹出的提示不是屏幕居中,而是在页面高度的中间,如果一个页面的高度比较大,就看到提示了。 另一种情况是Layer...
  • 一、问题描述用layer做操作结果提示时,发现如果页面超出屏幕的高度时,弹出的提示不是屏幕居中,而是在页面高度的中间,如果一个页面的高度比较大,就看到提示了。二、解决方案当页面缺少下面这个声明时,在页面...
  • layer弹出层不居中解决方案(转)
  • layer做操作结果提示时,发现如果页面超出屏幕的高度时,弹出的提示不是屏幕居中,而是在页面高度的中间,如果一个页面的高度比较大,就看到提示了。 还有一种情况是Layer弹出窗口只显示遮罩层,没有显示窗口...
  • 百度过很多的方法。一一列下来 方法一。把弹窗事件写在layer.ready里面 layer.ready(function() { var index = layer.load(2); layer.open({ t...
  • LayUI layer.open 按钮居中

    千次阅读 2021-02-06 23:35:10
    close,submitId, callback) { layer.open({ type: 2 , title: title , content: url , area: [width, height] ,btnAlign: ‘c‘ , btn: [‘‘ + confirm, ‘‘ + close] , yes: function (index, layero) { var ...
  • 在使用layer.load()的时候,出现首次加载不居中,如下图:   解决办法,在打开加载层之前,使用layer.ready();在该函数里面使用加载层,从而可以解决问题 如下代码: layer.ready(function(){ layer.load(2...
  • top.layer.open({ type : 2, title : ‘修改’, maxmin : true, shadeClose : false, area : [ ‘1200px’, ‘600px’ ], content : prefix + ‘/edit/’ + id ,// iframe的url end: function(){ reLoad();//刷新层 ...
  • 解决layer.msg内容居中的问题

    千次阅读 2021-02-12 20:44:13
    最近在使用layer.msg时发现文字内容靠左显示,不是很美观 parent.layer.msg('您有两个选择', { time: 20000, //20s后自动关闭 btn: ['从试题库中选择试题', '新建试题'] }); 效果: 改进后的代码: ...
  • layer.alert() 不居中

    千次阅读 2017-03-10 10:00:19
    今天在使用layer.alert()弹出提示信息时,发现提示框左右居中,但是垂直不居中,因为页面高度比较高,所以现在提示框是相对于整个文档居中,但不是相对于当前屏幕居中. 经查找是因为 这句没有写在整个页面的最顶部,将其...
  • layer.open({ title:"提示", type:1, area:['500px','500px'], btn:"提交", btnAlign:"c",//btnAlign:c属性按钮居中,l居左边,r居右边,属性必须小写,大小是无效的! content:`` }); ...
  • &gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;...用layer做操作结果提示时,发现如果页面超出屏幕
  • layer.loading()加载不居中出现朝左偏移的现象
  • layer.open 按钮居中

    千次阅读 2020-02-28 09:55:47
    btnAlign: 'c' 可以试着参考这篇文档中的“公告层”http://layer.layui.com/test/more.html
  • layer页面层写法,按钮居中,全屏

    千次阅读 2019-08-17 15:21:33
    导入layer.js,layer官网就有 html:<div style="display: none;" id="infocomp">aaaaa</div> js:var dlg = layer.open({ type: 1, //area: ['1060px', '520px'], scrollbar: true, title: ["...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 8,664
精华内容 3,465
关键字:

layer不居中