使用layui插件弹出提示框位置偏下

最新推荐文章于 2023-01-31 23:34:58 发布

qq_35383705

最新推荐文章于 2023-01-31 23:34:58 发布

阅读量2.5k

点赞数 2

CC 4.0 BY-SA版权

分类专栏：问题总结文章标签：问题总结

本文链接：https://blog.youkuaiyun.com/qq_35383705/article/details/93463305

问题总结专栏收录该内容

2 篇文章

订阅专栏

本文分享了一种解决layui弹出窗位置偏下的问题的方法，通过在HTML标签中加入遵循W3C标准的声明，使弹窗位置得以居中显示。此问题可能源于页面执行标准不一致。

今天遇见个问题，使用layui时，弹出窗位置非常偏下在网上找了各种答案进行尝试，都不能解决问题，
然后当时看过一篇文章说道页面遵守标准的，灵机一动在里面加了 xmlns=“http://www.w3.org/1999/xhtml” 一句話，也就是

<html xmlns="http://www.w3.org/1999/xhtml">

位置就居中显示了，问题解决。

后面查了查这句话的含义是遵循w3c标准，所以出现问题的原因可能是页面执行标准不一致导致

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

qq_35383705

关注关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

layui模态框不居中的几种解决方法

web18484626332的博客

05-14

1244

今天在写项目时，发现编写的模态框显示不居中，内容把模态框给撑大了，但没有居中，后来发现只要把窗口变动一下模态框就自动居中了（说明模态框的已经有居中属性了，再设置居中属性没效果），这种效果是不满足需求的。使用的代码如下： layer.alert(ckdt.length + '条数据统一密码设置成功!' + '<table id="tabDerive" layui-filter="tabDerive"></table>'); 样式：点击确定发现模态框没有居中。后来就找了到了

layui弹出层第一次弹出按钮位置偏下，再次点击正常显示

qq_40137193的博客

11-13

6691

代码如下：解决方案：

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

layer tips的偏移设置

chedanquestion的博客

04-26

2925

最近使用layer.tips的时候，需要在一个i标签的icon上显示，打开发现显示位置不对。大概是下面这个图片的样子。 layer的offset属性在tips里面不生效，最后成功用下面的代码修改了位置 layer.tips('请根据实际情况改正！', $(".icon-help-circle"),{ tips: 1, time:3000, success: function (layero, index) {

关闭layui弹出层，弹出层出现在HTML下方的问题

weixin_52516170的博客

08-08

1008

在使用layui弹出层弹出登录表单的时候，发现关闭登录弹窗后，发现弹窗出现在HTML页面的下方的问题。$('#login').hide()}即可。在下方添加代码： end:function(){

修改Layui表单验证提示框样式

热门推荐

honvin的博客

10-02

1万+

一直以来都认为layui挺好看的，包括它的弹层组件layer，不过今天恰好碰到了layui表单验证弹框的位置和样式不能调整的问题；它的默认样式是这样的：因为我页面布局的关系，弹框挡住了按钮，所以我决定得修改一下弹框方式，于是我去看了一下文档，发现弹框的类型是可以修改的，就是给input加上lay-verType属性我用这种方式试了一下，效果如下可惜这种方法只能改变弹...

layui button 按钮弹出提示窗口,确定才进行的方法

10-16

本文将详细介绍如何使用Layui的button组件来实现一个弹出提示窗口的功能，只有当用户点击“确定”后，才会执行特定的操作。首先，我们要了解Layui的按钮（button）组件。Layui的按钮组件提供了多种样式和功能，...

使用layui前端框架弹出form表单以及提交的示例

10-16

在本文中，我们将深入探讨如何使用layui前端框架来弹出form表单并进行数据提交。layui是一款基于HTML5和CSS3的轻量级前端组件库，它提供了丰富的UI组件和强大的交互功能，使得Web开发更加便捷高效。下面，我们就按照...

SSM框架JSP使用Layui实现layer弹出层效果

10-15

在SSM（Spring、SpringMVC、MyBatis）框架中，使用JSP页面和Layui前端框架来实现layer弹出层效果是常见的做法，这样可以为用户提供更好的交互体验。Layui是一款轻量级的前端组件库，其中的layer模块提供了丰富的弹窗...

layui弹出框Tab选项卡的示例代码

10-16

在本文中，我们将深入探讨如何使用layui框架创建带有Tab选项卡的弹出框，并通过示例代码展示如何在这些选项卡之间传递数据以及与父窗口交互。layui是一款轻量级的前端组件库，提供了丰富的UI组件，其中包括弹出框和...

layer弹出层不居中解决方案，layer提示不屏幕居中解决方法，layer弹窗不居中解决方案...

weixin_33704234的博客

12-09

1190

layer弹出层不居中解决方案，layer提示不屏幕居中解决方法，layer弹窗不居中解决方案 >>>>>>>>>>>>>>>>>>>>>>>>>

Layui的laydate日历控件位置错乱

m0_69420728的博客

01-31

878

Layui的laydate日历控件位置错乱

layer tips鼠标移入显示弹出位置对不准

ttmn191009的博客

05-17

1889

问题描述使用layer tips时，绑定到了icon图标上，鼠标移入时弹出提示内容无法对准绑定的元素。弹出的位置靠右了。一、解决方法？弹出后调整位置。调整后就能对齐了。😀

layer 弹窗在可视区下方弹出显示问题

贵林之恋的博客

10-25

4029

想让弹窗在可视区的下方弹出，显示的效果：代码：但是有时候弹窗显示不完整，如下图所示：（1）设置 area: 'auto' ，多刷新几次页面也会出现显示不完整的情况，（2）设置 area: ['400px', 'auto'] ，多刷新几次页面也会出现显示不完整的情况，（3）设置 area: ['400px', '40%'] ，多刷新几次页面也会出现显示不完整的情况， ...

为什么layui弹框或提示框 总在页面下方显示

yswKnight的博客

07-11

3192

为什么layui弹框总在页面下方请确保你的html或jsp页面的第一行是以下代码： <!doctype html> <html xmlns="http://www.w3.org/1999/xhtml"> 作用：

关于layui点击右上角关闭弹窗，弹窗内容出现在下方的问题

sinat_39648402的博客

03-20

5189

问题描述：单纯的使用编辑弹窗，关闭事件不会有任何问题，但是引入其他js之后，可能会对关闭事件有影响。出现点击弹窗右上角的“x”，内容出现在底部的现象。解决方法：在初始化弹层的时候，就把事件写好。比如layer.open({ type: 1, title:'编辑', closeBt...

layUi弹窗弹窗关闭按钮显示在标题栏的下方-解决

weixin_42408667的博客

11-25

2176

使用layUi前端框架，弹窗时，关闭按钮不固定，不在右上角展示，原因是少了一个div 结尾

layui数据表格无法拖拽

weixin_41690937的博客

11-06

3408

unresize 没有设置 ,那就是默认的false,负负得正 ,就是可以拖拽找一大佬,发现: 同一个cols里有两个field后面的值是一样的继而发现,两field后面名字一样的都无法拖动将其中一个名字换掉, 一切正常了 ...

layui弹出层不能拖动到外层

齐天大圣俺老孙在此

04-29

3400

在了好久，终于找到解决的方式了。 1、设置参数：moveOut:true， 2、设置参数：move:’.layui-layer-title’， 3、第三点也是最重要的，没有这种方式，上面的参数也白搭使用parent.layer.open({}）方式打开弹出层。 ...

解决layui的弹框出现位置不居中问题layer.ready(function () {})

白白的博客

02-19

1629

layui.use(['layer'], function () { var layer = layui.layer; //询问框 layer.ready(function () { // 弹框代码 layer.confirm('<br/>    xxxxxxxxx<br/>', { btn: ['确定'], title:'通知',//按钮 }, func.

layui插件弹出框下划线如何去掉