layer.alert() 不居中

最新推荐文章于 2022-12-10 16:27:02 发布
最新推荐文章于 2022-12-10 16:27:02 发布
阅读量3k 收藏 1
点赞数 2
文章标签： layer
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/FrenandoChiang/article/details/61191946
版权

今天在使用layer.alert()弹出提示信息时,发现提示框左右居中,但是垂直不居中,因为页面高度比较高,所以现在提示框是相对于整个文档居中,但不是相对于当前屏幕居中.

经查找是因为 <!DOCTYPE html> 这句没有写在整个页面的最顶部,将其放在整个页面的第一行就可以了.

FernandoChiang
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
解决layer.msg 不居中 ifram中的问题
01-19
在ifram中layer.alert 只展示当前页面 如何让弹框在整个页面中展示 而不是在ifram中 parent.parent.layer.alert('请输入预约人'); 本以为这样就可以 在主页面中还需要引入layer <!--如果使用的是layui...
LayUI框架js文件Layer.js
03-06
- `btnAlign`: 按钮对齐方式，如'c'表示居中。 - `yesCallback`: 确认按钮的回调函数。 - `cancelCallback`: 取消按钮的回调函数。 **5. 案例分析** 以下是一个创建带有确认按钮的对话框的示例： ```javascript ...
layer.js解决layer.alert()水平方向不居中问题
养猫的阿甘
04-23 1507
是移动端的使用场景，因为项目需要，使用的是PC端的layer.js，提示文字长的时候layer.alert()就不能居中显示了，就像下面这个样子： 修改之后的效果： 解决方案1：做移动端项目的时候，尽量使用mobile版本的layer.js弹出层插件，如果必须要用PC版本的，那么请看我的解决方案2。 解决方案2：在弹出后检查修正一下弹出的layer弹出层的css，代码如下： var strly = layer.alert(data.errmsg); var strly_left = $('
layer.alert没有垂直居中
alexcook2010的博客
06-12 386
经查找是因为 <!DOCTYPE html> 这句没有写在整个页面的最顶部,将其放在整个页面的第一行就可以了. ps:原理不是很清楚 转载于:https://www.cnblogs.com/pcx105/p/9171920.html...
layui弹出层第一次弹出不居中，第二次才居中的解决方法
qq_40649432的博客
09-01 840
代码如下： //把 layer.open 放到 layer.ready中，然后在 ready中，加入layer.load，然后关闭load即可。 layui.use('layer', function() { var layer = layui.layer; layer.ready(function(){ var index = layer.load(2); layer.open({ type
首次加载页面的时候,layer加载层不居中的问题
Coffee的博客
11-30 2289
在使用layer.load()的时候，出现首次加载不居中，如下图：   解决办法，在打开加载层之前，使用layer.ready();在该函数里面使用加载层，从而可以解决问题 如下代码： layer.ready(function(){ layer.load(2); });  ...
layer弹出层不居中
XCMercy
04-28 1万+
原因 layer弹出层如果不设置offset属性，默认是居中弹出。若没有设置offset属性，且不是垂直居中弹出，目前我遇到的情况其原因是：可能由于fixed定位或者absolute定位布局，导致元素脱离文档流，使得body看起来很高，但实际高度并没有被撑开，可以使用chrome开发者工具查看验证一下。 解决 给body加设置高度样式height:100%;...
js的alert样式如何更改如背景颜色
12-11
2. **样式设置**：为这两个`div`元素设置了样式属性，如位置（position）、宽高、边距等，以确保它们能正确地覆盖整个页面并居中显示。`shield`的背景颜色被设置为`#fff`，而`alertFram`的背景颜色被设置为`#ff0000`...
js弹出层绝对居中（ie，火狐都支持）
07-23
js弹出层绝对居中（ie，火狐都支持）在不同浏览器上显示效果一样
js 弹出框 替代浏览器的弹出框
10-28
传统的做法是利用JavaScript内置的方法`alert()`来实现，但是这种方式存在样式不可定制的问题，用户体验较差。因此，本文将介绍一种使用JavaScript（简称JS）自定义实现的弹出框方法，该方法不仅可以替代浏览器默认...
html标准历史,HTML历史、规范和标准_html/css_WEB-ITnose
weixin_39633171的博客
07-21 140
声明必须是 HTML 文档的第一行，位于 标签之前。声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。用来声明 使用的html版本。在 HTML 4.01 中， 声明引用 DTD，因为 HTML 4.01 基于 SGML。DTD 规定了标记语言的规则，这样浏览器才能正确地呈现内容。HTML5 不基于 SGML，所以不需要引用 DTD。提示：请始终向...
layui 弹出层有滚动条或者页面很长的时候，提示不居中显示的问题。
隔壁张同学
06-01 3112
layui 弹出层有滚动条或者页面很长的时候，提示不居中显示的问题。 今天在用ajax请求数据时要加一个loading的功能，然后layui中提供了API 根据这个引用layui的样式是可以出来的，然后你会发现弹出框的提示不在当前屏幕中，找了一会资料发现说的是浏览器出现了滚动条，不是页面内部出现的滚动条，导致弹出框认为页面高度就这么高。 找了解决方案： 试了以后没效果。 第二种 试了还是没效...
layer弹窗弹出位置不在浏览器窗口居中的问题的解决方法
p15097962069的博客
01-24 772
layer弹窗弹出位置不在浏览器窗口居中的问题的解决方法
解决layui的弹框出现位置不居中问题layer.ready(function () {})
白白的博客
02-19 1500
layui.use(['layer'], function () { var layer = layui.layer; //询问框 layer.ready(function () { // 弹框代码 layer.confirm('<br/>&nbsp;&nbsp;&nbsp;&nbsp;xxxxxxxxx<br/>', { btn: ['确定'], title:'通知',//按钮 }, func.
layui.msg layer.alert 修改设置位置
FsMoDi的博客
12-10 1943
layui.msg layer.alert 修改设置位置
关于layer.js中layer.confirm弹出框看不到或者不居中问题处理
热门推荐
风一样的奔跑
06-01 1万+
在jsp页面body 标签上加上style="height: 100%"就可以解决
layer.open 按钮居中
航仔的博客
02-28 7206
btnAlign: 'c' 可以试着参考这篇文档中的“公告层”http://layer.layui.com/test/more.html
layer.alert
最新发布
07-30
layer.alert是一种弹出层的提示框，可以在回调函数中执行一些操作。当点击确定按钮时，会执行回调函数，但不会自动关闭弹窗。如果想要手动关闭弹窗，可以在回调函数中使用layer.close(index)来关闭弹窗。例如，可以...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值