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

这篇文章主要介绍了layer弹出层不居中解决方案layer提示不屏幕居中解决方法,layer弹窗不居中解决方案,包括layer,解决提示,居中等相关内容,希望对大家有所帮助。

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

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

蕃薯耀 2016年12月9日 09:07:16 星期五

http://fanshuyao.iteye.com/

一、问题描述

layer做操作结果提示时,发现如果页面超出屏幕的高度时,弹出的提示不是屏幕居中,而是在页面高度的中间,如果一个页面的高度比较大,就看不到提示了。

二、解决方案

解决方法一:

当页面缺少下面这个声明时,在页面最上面加上声明就能解决问题。

本人的页面就是少了这个,加上就正常。原因就是少了这个声明,导致解析页面时不正确。

<!doctype html>

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

科普:

定义和用法

<!DOCTYPE> 声明必须是 HTML 文档的第一行,位于 <html> 标签之前。

<!DOCTYPE> 声明不是 HTML 标签;它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。

在 HTML 4.01 中,<!DOCTYPE> 声明引用 DTD,因为 HTML 4.01 基于 SGML。DTD 规定了标记语言的规则,这样浏览器才能正确地呈现内容。

HTML5 不基于 SGML,所以不需要引用 DTD。

提示:请始终向 HTML 文档添加 <!DOCTYPE> 声明,这样浏览器才能获知文档类型。

解决方法二:

给Body增加一个样式,设置Body的高度为100%

<body style="height:100%;">

......
.......

</body>

建议使用第一种,因为比较标准。

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

蕃薯耀 2016年12月9日 09:07:16 星期五

http://fanshuyao.iteye.com/

  • layer弹出层不居中解决方案,layer提示不屏幕居中解决方法,layer弹窗不居中解决方案
  • 大小: 29.5 KB
  • 查看图片附件

关于layer弹出层不居中解决方案,layer提示不屏幕居中解决方法,layer弹窗不居中解决方案的主要内容就介绍到这儿,文章由web开发乐园收集自网络,希望对您有参考价值。

您可以选择一种方式赞助本站

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: