• 技术文章 >web前端 >Layui教程

    layui中layer的宽高怎么自定义设置?

    青灯夜游青灯夜游2020-11-20 10:13:14原创59

    layui中的layer模块可使用area属性来设置宽高。默认状态下,layer是宽高都自适应的,但当需要自定义宽度和高度时就可以使用“area:['宽度','高度']”语句来设置,例“area:['500px','300px']”。

    在默认状态下,layer是宽高都自适应的

    但是有时需要单独自定义宽度和高度,代码如下:

    var looptran = layer.msg(loopTranInfo, {
        time: 10000, //10s后自动关闭
        area:['300px', '200px'] ,
         /* area: '400px',*/
        btn: ['确定']
    });

    其中 area:[‘300px’, ‘200px’] 可以自定义高宽度

    网上说的先定义layer.msg,再用layer.style限定宽度或高度无效!无效代码如下:

    var looptran = layer.msg(loopTranInfo, {
        time: 10000, //10s后自动关闭
        area:['300px', '200px'] ,
         /* area: '400px',*/
        btn: ['确定']
    }); 
    layer.style(looptran, {
        width: '400px',
        height:'200px'});

    官网说明截图:
    这里写图片描述

    更多编程相关知识,请访问:编程课程!!

    以上就是layui中layer的宽高怎么自定义设置?的详细内容,更多请关注php中文网其它相关文章!

    本文原创发布php中文网,转载请注明出处,感谢您的尊重!
    专题推荐:layui
    上一篇:layui输入框如何设置禁止输入 下一篇:layui如何使用jquery
    第14期线上培训班

    相关文章推荐

    • jquery的easyui和layui区别是什么• layui框架属于前端还是后端• layui怎么实现下载功能• layui怎么固定表格的表头• layui 表格中怎么显示图片

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网