zoukankan      html  css  js  c++  java
  • layer弹出层不居中解决方案,layer提示不屏幕居中解决方法,layer弹窗不居中解决方案

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

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

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

    http://fanshuyao.iteye.com/

    一、问题描述

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

    二、解决方案

    解决方法一:

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

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

    <!doctype html>

     

     

    科普:

    定义和用法

    <!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/

  • 相关阅读:
    config 文件夹中的 dev.env.js
    config 文件夹中的 index.js
    Dialog 对话框 可拖拽
    Pagination 分页 封装
    ElasticSearch学习03--使用Java连接ES
    ElasticSearch学习02--使用Kibana管理ES
    ElasticSearch学习01--基本结构与操作
    redis学习02--使用Jedis调用Redis
    redis学习01--常用命令
    Java基础学习08--JDK1.8特性
  • 原文地址:https://www.cnblogs.com/fanshuyao/p/6227089.html
Copyright © 2011-2022 走看看