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宽高自定义设置的方法
文章转载：/article38/pdoppp.html

成都网站建设公司_创新互联，为您提供网站收录、动态网站、云服务器、搜索引擎优化、网站排名、App设计

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联