layer插件maxWidth设置无效的问题

最新推荐文章于 2023-05-31 22:15:39 发布

不吃猫的老鼠不是好猫

最新推荐文章于 2023-05-31 22:15:39 发布

阅读量2.7k

点赞数 2

分类专栏： layer

本文链接：https://blog.csdn.net/u012533474/article/details/84790596

版权

layer 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

下面是官方文档说的：

maxWidth - 最大宽度

类型：Number，默认：360

请注意：只有当area: 'auto'时，maxWidth的设定才有效。

我开始按area的写法：maxWidth: ‘290px’，发现怎么都无效。

后来看js源码，发现 maxWidth 值对应是数字，所以正确写法是： maxWidth: 290

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

不吃猫的老鼠不是好猫

关注关注

2
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

layui解决table页内容显示过长的问题

weixin_41692437的博客

06-13

1515

指定显示长度,让每一列只占一行.然后被隐藏的名字,鼠标悬浮的时候就显示全名。

layer设置maxWidth及maxHeight解决方案

10-16

主要介绍了layer设置maxWidth及maxHeight解决方案，非常不错，具有一定的参考借鉴价值 ,需要的朋友可以参考下

参与评论您还未登录，请先登录后发表或查看评论

html设置maxheight无效,layer设置maxWidth及maxHeight解决方案

weixin_42636895的博客

06-05

1164

layer介绍layer是一款近年来备受青睐的web弹层组件，她具备全方位的解决方案，致力于服务各水平段的开发人员，您的页面会轻松地拥有丰富友好的操作体验。下载及使用访问官方网站。area属性layer的宽高是通过area属性设置，例如 area:[‘300px',‘600px']，表示定义宽300px；高600px的弹出层；默认设置：layer宽高都自适应的，即area默认值为‘auto'。ma...

记录一次layui table 列宽设置失效的问题

wa123579的博客

08-06

2552

table.render({ id: 'field', elem: '#demo', type: 'checkbox' , width: 600 , height: 350 ...

max-width 无效的解决方法

热门推荐

灰来飞去的奇幻小屋

01-08

1万+

最近在做图片遮罩过程中，发现了一个图片设置了max-width无法充满父元素的问题，具体情况如图所示：明明设置了图片max-width:100%，但是图片为什么比遮罩窄了一截呢？经过调试之后我发现，将max-width:100%;修改成width: 100%;下面的图片就可以正常填充了：于是我查了一下width:100% 和 max-width:100%的区别：width: 1...

Java前端Layer.open.btn验证无效解决方法

08-25

在 Java 前端开发中，我们经常会遇到 Layer.open.btn 验证无效的问题，即在 Layer 弹窗中设置了多个按钮，但只有 yes 按钮有效，其他按钮点击后直接关闭弹窗。今天我们就来一起解决这个问题，并提供实例代码供大家...

外部如调用layui中的组件_详解layui.layer独立组件

weixin_42571738的博客

12-23

657

layer至今仍作为layui的代表作，她的受众广泛并非偶然，而是这五年多的坚持，不断完善和维护、不断建设和提升社区服务，使得猿们纷纷自发传播，乃至于成为今天的Layui最强劲的源动力。目前，layer已成为国内最多人使用的web弹层组件，GitHub自然Stars3000+，官网累计下载量达30w+，大概有20万Web平台正在使用layer。使用场景：由于layer可以独立使用，也可以通过Lay...

3D场景编辑导出-LayaAir引擎Unity插件使用详解

Layabox

08-27

6332

关于3D的学习文章，算上本篇，我一共写了两篇。上一篇是面向零3D基础的《科普：零基础了解3D游戏开发》。这篇是学习LayaAir3D引擎的入门级必读文章，也可以作为使用LayaAir引擎...

HTML5和CSS3 WEB技术开发

张晨光老师的播客

01-02

6385

B站视频参考：https://www.bilibili.com/video/BV1H44y1k7ze/[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Uwbid43Z-1672665963237)(asseits/image-20210831212039584.png)]HTML:超文本标记语言(Hyper Text Markup Language)，标准通用标记语言下的一个应用。 HTML 不是一种编程语言（C、Java、python、R等），而是一种标记语言 (markup

layer插件实现可选择出现最大化或最小化或两者同出现功能

07-28

在原有的maxmin属性上,添加了两个属性:notmax(不出现最大化),notmin(不出现最小化),后两个属性只有maxmin属性为true时才生效.

美摄人脸道具制作插件

qq_33277028的博客

02-23

1176

美摄人脸道具制作插件 AR Scene Editor 使用说明书 1.4.0版版本号描述制作者 1.1.0-1 文档建立。刘翀，范晨辰 1.3.0-1 文档更新,添加了envent触发，添加了fakeface。臧俊钦，张思明 1.4.0-1 文档更新，修改打包后的.AR

layui table表格组件 toolbar操作栏自适应宽度

无枫的博客，分享Java及Vue方向的技术文章

03-25

9826

layui table表格组件 toolbar操作栏自适应宽度最近在使用Layui时发现table数据表格组件的toolbar操作栏不支持自适应宽度功能，于是上网查询了一些资料，发现相关文章很少，有几篇的写法是根据列ID来进行操作的，兼容性太低，于是决定自己实现。效果我们先看一下table组件的默认效果：可以看到在按钮没有全部显示的情况下，右侧预留了很多空白位置，非常不美观。再看一...

Layui 的表格自适应列宽的方法

遇见--专栏

12-28

7776

也可以将最后一个Width 换成 maxWidthfield : 'JSDD' , width : ' 30 % ' , title : '教室名称' } , {field : 'OperState' , width : ' 30 % ' , title : '报警信息' } , {field : 'OperTime' , Width : ' 40 % ' , title : '操作时间' , sort : true } ] ] ,效果用了小写后，时间显示不出来。

layui框架学习（26：弹出层模块_tips框&输入框）

最新发布

gc_2299的博客

05-31

6188

学习layui的layer模块中tips框和输入框函数的基本用法，同时继续学习layer模块中基础参数的用法。

Layui 弹层组件 - 基础参数4

阿甘兄

04-22

433

maxWidth - 最大宽度类型：Number，默认：360 请注意：只有当area: 'auto’时，maxWidth的设定才有效。 maxHeight - 最大高度类型：Number，默认：无请注意：只有当高度自适应时，maxHeight的设定才有效。 zIndex - 层叠顺序类型：，默认：19891014 一般用于解决和其它组件的层叠冲突。 move - 触发拖动的元素类...

Layer 弹窗入门

05-28

Layer弹窗，《Layer弹窗基础参数入门》通过24个小视频，系统的对Layer34个基础参数，全部逐一进行了视频讲解。继续和大家一起学习进步，内容较为浅显易懂，适合新手上手。课程首先通过快速上手基本了解layer弹窗，然后从type基本类型 title标题，对基础参数进行的系统学习。

layer插件怎么引入

05-22

如果您是指 jQuery 插件 Layer，您可以按照以下步骤引入： 1. 下载 Layer 的压缩包并解压，将其中的 CSS 和 JS 文件复制到您的项目中。 2. 在 HTML 文件中引入 Layer 的 CSS 和 JS 文件。 ```html <link rel="stylesheet" href="path/to/layer.css"> <script src="path/to/jquery.js"></script> <script src="path/to/layer.js"></script> ``` 3. 在需要使用 Layer 的地方编写代码。 ```html  <button class="layer-btn">点击弹窗</button>  <div id="layer-content" style="display: none;"> <h3>这是一个弹窗</h3> <p>弹窗内容</p> </div> <script> $(function() { // 点击按钮弹出弹窗 $('.layer-btn').on('click', function() { layer.open({ type: 1, content: $('#layer-content'), area: ['600px', '400px'] }); }); }); </script> ``` 以上代码演示了一个简单的 Layer 弹窗，当点击按钮时会弹出一个大小为 600px * 400px 的弹窗，弹窗内容为 `#layer-content` 元素的内容。希望以上内容能够帮助到您！