layui中layer宽高自定义设置的方法

了解layui中layer宽高自定义设置的方法？这个问题可能是我们日常学习或工作经常见到的。希望通过这个问题能让你收获颇深。下面是小编给大家带来的参考内容，让我们一起来看看吧！

成都创新互联公司是网站建设技术企业，为成都企业提供专业的网站设计制作、成都做网站，网站设计，网站制作，网站改版等技术服务。拥有10余年丰富建站经验和众多成功案例，为您定制适合企业的网站。10余年品质，值得信赖！

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宽高自定义设置的方法

感谢各位的阅读！看完上述内容，你们对layui中layer宽高自定义设置的方法大概了解了吗？希望文章内容对大家有所帮助。如果想了解更多相关文章内容，欢迎关注创新互联行业资讯频道。

文章名称：layui中layer宽高自定义设置的方法
分享路径：http://kswsj.cn/article/pdoppp.html

关于创新互联

layui中layer宽高自定义设置的方法

其他资讯