正文

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

︶ㄣ米米素材网 メ
米米素材网V管理员 / 阅读
0602

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

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宽高自定义设置的方法大概了解了吗？希望文章内容对大家有所帮助。如果想了解更多相关文章内容，欢迎关注米米素材网。