利用vertical-align:middle实现在整个页面居中

wangnan0 2013-06-20 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
   
 <html xmlns="http://www.w3.org/1999/xhtml"> 
 <head> 
     <title>404页面</title> 
 </head> 
 <body> 
     <div class="wall"> 
         <a href="index.html"><img class="img404" src="images/404.jpg" alt="404页面" /></a> 
     </div> 
 </body> 
 </html> 

<style type="text/css"> 
         body{ margin:0; background:#333; _height:100%;}  
         .wall{ width:100%; height:100%; position:absolute; left:0; top:0; text-align:center;}  
         .img404{ border:0;width:700px;}  
 </style> 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    
  <html xmlns="http://www.w3.org/1999/xhtml"> 
  <head> 
      <title>404页面</title> 
      <style type="text/css"> 
          body{ margin:0; background:#333; _height:100%;}  
          .wall{ width:100%; height:100%; position:absolute; left:0; top:0; text-align:center; font-size:0;}  
          .img404{ border:0; width:700px; vertical-align:middle;}  
          .verticalAlign{ vertical-align:middle; display:inline-block; height:100%; width:1px; margin-left:-1px;}  
  </style> 
  </head> 
  <body> 
      <div class="wall"> 
         <span class="verticalAlign"></span> 
         <a href="index.html"><img class="img404" src="images/404.jpg" alt="404页面" /></a> 
      </div> 
  </body> 
  </html>
wangnan0

wangnan0

相关推荐

css中元素垂直居中的n种方法

本文章收集了多种实现居中布局的方法，并且按照实现的时间线，从css2到css3的各种解决方案，从代码量有少到多的排序来一一说明每种布局方法的实现方式，通过阅读此文章能够让你解决平时的开发中遇到的各种布局问题。line-height：用于设置多行元素的空间量

冰蝶 / 0评论 2020-06-05

CSS之 元素显示隐藏，用户界面样式，文本溢出隐藏，精灵技术，三角形

文本域默认右下角是可以拖拽的 ; 可以使用下列预发禁止拖拽 ;有宽度的块级元素居中对齐，是margin: 0 auto;让文字居中对齐，是 text-align: center;vertical-align 不影响块级元素中的内容对齐，它只针对于行内元素或

沈宫新 / 0评论 2020-02-23

Chrome 浏览器中很酷的实验性功能

Chrome 浏览器作为一款版本号跑的超快，功能特性也都超好的超棒浏览器，总是会在Candy、Dev版本中加入些超前的实验性设置。之前就介绍过那些，隐藏在chrome:// 里的页面，今天就介绍些在chrome://flags 里的优秀实验性功能。启用触摸

gxyblue / 0评论 2013-05-11

Maven的使用

maven作为一个强大的项目管理软件，相信已经得到了很多人的喜爱，至少我就是其中之一。所谓“工欲善其事必先利其器”，作为一个集jar依 赖、项目管理于一体的maven，其jar依赖包的管理是首当其冲的。这个就需要用到maven的镜像服务器软件了nexus！

doyouhaveIET / 0评论 2013-06-04

rails常用命令

数据库迁移部分：。rake db:create 依照目前的 RAILS_ENV 環境建立資料庫。rake db:rollback STEP=n 回復上N個 Migration 動作。rake db:migrate:up VERSION=2008090612

chenshuixian / 0评论 2013-06-01

浏览器缓存机制

Cache-Control 是最重要的规则。这个字段用于指定所有缓存机制在整个请求/响应链中必须服从的指令。这些指令指定用于阻止缓存对请求或响应造成不利干扰的行为。这些指令通常覆盖默认缓存算法。缓存指令是单向的，即请求中存在一个指令并不意味着响应中将存在同

羽化大刀Chrome / 0评论 2013-05-31

Homebrew的安装与使用

Mac OS X是基于Unix的操作系统，可以安装大部分为Unix/Linux开发的软件。然而，如果只是以使用为目的，对每个软件都进行手工编译不是很方便，也不利于管理已安装的软件，于是出现了类似于Linux中APT、Yum等类似的软件包管理系统，其中最著名

YoungForever / 0评论 2013-04-04

Openfire集成现有系统数据库用户

——参考该文档介绍需要配置的参数, 在conf/openfire.xml中编辑属性, 实际为在管理控制台或数据库中添加系统属性。使用office数据库中的users、groups、groupusers表替代Openfire中的ofuser、ofgroup、

tsolin / 0评论 2013-07-13

Linux系统下安装rz/sz命令及使用说明

对于经常使用Linux系统的人员来说，少不了将本地的文件上传到服务器或者从服务器上下载文件到本地，rz / sz命令很方便的帮我们实现了这个功能，但是很多Linux初始并没有这两个命令。今天，我们就简单的讲解一下如何安装和使用rz、sz命令。执行该命令后，

vanturman / 0评论 2014-12-08

构建基于 Docker + Jenkins + Sahi 的 Web UI 自动化测试环境

Docker 号称是下一代的虚拟机，它在启动和创建速度、性能、移植性等方面均优于传统虚拟机。Docker 是 PaaS 提供商 dotCloud 开源的一个基于 LXC 的高级容器引擎。目前，通过 Boot2Docker 已能使 Docker 运行在 Wi

dumarkee / 0评论 2015-05-04

浅析信息系统架构的应用架构与数据架构

信息系统架构包括了对于应用架构和数据架构。这里不再介绍具体的方法论，而是考虑如何在设计信息系统架构时有效地避免复杂性。在数据架构层面将通过分层主数据的思想来考虑我们如何来管理主数据。企业从生产/采购计划开始，到生产/采购管理，以及现场制造的执行。因此借助E

qiuzhiming0 / 0评论 2015-08-18

fedora 21vmware 虚拟机 vmnet编译失败的问题

fedora21的虚拟机原本运行的好好的，后面由于系统升级导致虚拟机无法正常运行起来，需要编译内核。退出vim就可以了。到这里就ok了，重新启动vmware player 虚拟机启动成功，你会看到你所熟悉熟悉的界面。

86477414 / 0评论 2015-08-20

Linux服务器性能评估

swap in：即si，表示虚拟内存的页导入，即从SWAP DISK交换到RAMswap out：即so，表示虚拟内存的页导出，即从RAM交换到SWAP DISK。r列表示运行和等待cpu时间片的进程数，这个值如果长期大于系统CPU的个数，说明CPU不足，

阳光之吻 / 0评论 2015-05-15

重建iOS开发配置证书

MAC重装系统，开发证书没有备份，加上iDP即将过期，在重新导入证书的过程中遇到了一些小麻烦，比如 Xcode 4.4.1 中的证书出现 Valid Signing Identity not found，现记录一下。生成私有证书，打开钥匙串，钥匙串访问 –

wuxiaohui0 / 0评论 2014-01-03

redis-命令等

DEL key该命令用于在 key 存在是删除 key。被删除 key 的数量。不存在的 key 会被忽略。DUMP key序列化给定 key ，并返回被序列化的值。key 过期后将不再可用。当 key 不存在或者不能为 key 设置过期时间时返回 0 。

xbworkspace / 0评论 2016-11-24

git pull / git push 记住密码方法（ssh记住密码）

有没有觉得，每次git pull 或git push的时候，都需要重新输入密码，很麻烦。搜了下找到一种方法记住ssh连接的密码，同时把Git repository的密码保存下来，下面就来一步一步做吧。。然后依次回车，输入密码，这个密码和SSH的帐号密码无关

fengkaiwhu / 0评论 2014-03-19

【Ubuntu】环境变量配置

/etc/profile —— 此文件为系统的每个用户设置环境信息,当用户第一次登录时,该文件被执行.并从/etc/profile.d目录的配置文件中搜集shell的设置；/etc/environment —— 在登录时操作系统使用的第二个文件,系统在读取

JavaLab / 0评论 2016-12-29

CSS清理浮动

配合图片重写了一下本文。近期有一项目涉及修改别人所写的主题，在清理浮动的环节上无比痛苦。在此整理一下关于清理浮动的方法和我的看法，希望能提供一些参考作用。浮动最初的定义我想只是为了实现图文环绕效果，而如今通常在多栏布局时使用，是CSS里最最常用的一种布局手

每天积累一点点 / 0评论 2014-11-13

我对CSS vertical-align的一些理解与认识（一）

今天是个特殊的日子，因为今天是汶川地震两周年的日子，我很悲鸣；今天又是国际护士节，看到微博上护士照横流，我很欣慰。一段放松的YY后，进入正题。还有，vertical-align属性牵扯到的知识实在是太多了，不是一篇文章就可以讲清楚的，这里我就只挑几个典型或

icecoffeemzp / 0评论 2015-03-03

使用jQuery background-position插件来创建超酷的导航条效果

在过去的web开发和设计中，大家往往使用flash来创建炫酷的菜单效果，随着js和web技术的发展，现在大家可以使用简单的javascript代码生成同样漂亮的菜单效果，在今天的这个简单教程中，我们将带领大家使用jQuery的background-posi

82413161 / 0评论 2015-07-23

使用Javascript来创建一个响应式的超酷360度全景图片查看幻灯效果

360度的全景图片效果常常可以用到给客户做产品展示，今天这里我们推荐一个非常不错的来自Robert Pataki的360全景幻灯实现教程，这里教程中将使用javascript来打造一个超酷的全景幻灯实现，相信大家一定会喜欢的！在这个教程中没有使用到任何插件

xiaoren / 0评论 2015-07-20

shiro权限标识符的用法

例如我们定义新增用户权限的字符串为：createUser，为role1添加创建用户的权限。上边的简单的字符串形式，需要每个功能都定义一个字符串，不方便管理。shiro提供了多层次的权限组成。验证当前用户是否具有，用户的新增和删除的权限。通配符同时可以支持实

xtiawxf / 0评论 2015-10-26

【极客标签】极客编程小挑战＃38：用CSS实现徽章带显示效果

本周，我们为自己代言。极客标签是一款轻量级注重实战互动学习的在线编程自学和直播平台。有效的使用主动浸润式的学习体验来激发学习者的学习兴趣并且提高学习效率，让编程学习落实于实践。为鼓励新人参加我们的挑战赛，将学习落实于实践。如何增加获奖机率？

luckyeyefocus / 0评论 2015-11-17

JavaScript 保留的关键字

和其他任何编程语言一样，JavaScript 保留了一些关键字为自己所用。JavaScript 同样保留了一些关键字，这些关键字在当前的语言版本中并没有使用，但在以后 JavaScript 扩展中会用到。后续的字符可以是字母、数字、下划线或美元符。

何双江yarshray / 0评论 2016-11-18

jQuery waterbubble 水球图

很炫的一款水球图插件介绍给大家

卡奇莫多 / 0评论 2017-02-15

升级CentOS内核 - 2.6升级到3.10

[root@localhost ~]# yum --enablerepo=elrepo-kernel install kernel-lt -y ##此步会有点慢。[root@localhost ~]# vim /etc/grub.conf default=

小网管 / 0评论 2017-03-11

CentOS压力测试 ab 命令安装与使用

Apache安装包中自带的压力测试工具Apache Benchmark简单易用，这里就采用ab作为压力测试工具了。-t timelimit Seconds to max. wait for responses//测试所进行的最大秒数。它可以使对服务器的测试

于由 / 0评论 2017-07-20

Solr -- 查询语法/参数

指定响应的排序方式：升序asc或降序desc.同时需要指定按哪个字段进行排序。指定用于对查询结果进行过滤的过滤器 eg: fq=price:[100 To *]&fq=setction:0. 指定查询结果中返回的字段，该字段的stored=”tru

devefx / 0评论 2017-05-15

Javascript中使用WScript.Shell对象执行.bat文件和cmd命令

shell 就是“壳”的意思，这个对象可以执行操作系统外壳常用的操作，比如运行程序、读写注册表、环境变量等。这个对象通常被用在VB或VBS编程中。　　卸载WScript.Shell对象：regsvr32 -u WShom.Ocx 或者 regsvr32 /

CS笔记本 / 0评论 2017-06-07

普通程序员该如何进阶为全栈工程师？

如何成为一名全栈工程师？LinkedIn, Facebook上标榜自己是全栈工程师的人也越来越多，似乎正在成为IT行业的新潮流和新趋势。Full Stack的概念早已不新鲜，广大开发人员之间对”全栈”类话题的讨论也从未停止。曾经看到过一篇关于全栈设计师的文

89794012 / 0评论 2017-12-22

canvas绘制文本

设置绘制文字所使用的字体，例如20px 宋体，默认值为10px sans-serif。该属性的用法与css font属性一致，例如italic bold 14px/30px Arial,宋体。该属性的值可以是一个表示CSS颜色值的字符串。如果你的绘制需求比

蒲厷渶戀 / 0评论 2017-12-14

Canvas绘制线条(直线、折线等)

用于设置画笔绘制路径的颜色、渐变和模式。该属性的值可以是一个表示css颜色值的字符串。如果你的绘制需求比较复杂，该属性的值还可以是一个CanvasGradient对象或者CanvasPattern对象。定义绘制线条的宽度。默认值是1.0，并且这个属性必须大

风火一回一生不毁 / 0评论 2017-12-13

Html5+离线打包创建本地消息

自己离线打包Html5+ Runtime，通常是导入SDK的Hello实例，然后修改。在做消息通知功能时，使用push.createMessage不起作用。

wenhuadream / 0评论 2017-11-24

【转】javascript运行机制之执行顺序详解

JavaScript是一种描述型脚本语言，它不同于java或C#等编译性语言,它不需要进行编译成中间语言,而是由浏览器进行动态地解析与执行。如果你不能理解javaScript语言的运行机制，或者简单地说，你不能掌握javascript的执行顺序，那你就犹如

jackmark / 0评论 2017-08-02

关于html表单元素的readonly和disabled属性

readonly属性规定输入字段为只读。不过，用户仍然可以使用tab键切换到该字段，还可以选中或拷贝其文本。readonly只对text、password以及textarea有效。将其设置在select、radio、checkbox等表单元素上不会起效果，

PioneerFan / 0评论 2018-01-13

Jenkins Build User Vars Plugin

Variable. Description. BUILD_USER. Full name (first name + last name). First name. Last name. BUILD_USER_ID. Jenkins user ID. BU

花落兰亭 / 0评论 2016-09-23

真实案例：如何避免你的网站起起落落的经验分享

所有动作比较大如更换域名的网站都会引起百度的高度重视，百度有一种性格：宁可杀错一千，不可放过一个。然而，经过前期的经营，百度还是认为我们的网站人足以信任的，所以在6月10日，百度再次恢复了我们的首页和排名。距离百度恢复收录首页仅仅三天，又因为备案问题受到了

seo爱好者 / 0评论 2012-07-04

Android APP自动化环境搭建

下载安装版本时务必注意以上两点，保证版本对应。配置环境变量path项，根据安装路径添加“C:\Python27”和“C:\Python27\Scripts”。根据电脑位数与系统下载，进入cmd输入python可看到信息

Kwong / 0评论 2018-07-18

CentOS压力测试 ab 命令安装与使用

Apache安装包中自带的压力测试工具Apache Benchmark简单易用，这里就采用ab作为压力测试工具了。-t timelimit Seconds to max. wait for responses//测试所进行的最大秒数。它可以使对服务器的测试

joshwan / 0评论 2017-07-20

【Ubuntu】环境变量配置

/etc/profile —— 此文件为系统的每个用户设置环境信息,当用户第一次登录时,该文件被执行.并从/etc/profile.d目录的配置文件中搜集shell的设置；/etc/environment —— 在登录时操作系统使用的第二个文件,系统在读取

gcong / 0评论 2016-12-29

linux双向认证实现

原理使用“公私钥”认证的方式进行ssh登录。以上时客户机到服务器的操作，服务器到客户机的操作一样，这样两台server互相登录操作则不需要认证授权即实现双向认证。

heyw / 0评论 2016-09-19

Linux服务器性能评估

swap in：即si，表示虚拟内存的页导入，即从SWAP DISK交换到RAMswap out：即so，表示虚拟内存的页导出，即从RAM交换到SWAP DISK。sar功能很强大，可以对系统的每个方面进行单独的统计，但是使用sar命令会增加系统开销，不过

MichelinMessi / 0评论 2015-05-15

Linux系统下安装rz/sz命令及使用说明

对于经常使用Linux系统的人员来说，少不了将本地的文件上传到服务器或者从服务器上下载文件到本地，rz / sz命令很方便的帮我们实现了这个功能，但是很多Linux初始并没有这两个命令。今天，我们就简单的讲解一下如何安装和使用rz、sz命令。执行该命令后，

ftafta / 0评论 2014-12-08

Linux下使用Expect远程执行shell命令和脚本

有几十台Linux服务器都要执行一组相同的操作，一台一台的登录上去执行不现实，只能是软件自动化的操作，而ssh本身是交互的，无法通过管道的方式进行输入，这就需要借助Tcl脚本和Expert两个工具了。Tcl，类似于python，也是一种跨平台的脚本语言，不

JavaLab / 0评论 2014-07-28

Homebrew的安装与使用

Mac OS X是基于Unix的操作系统，可以安装大部分为Unix/Linux开发的软件。然而，如果只是以使用为目的，对每个软件都进行手工编译不是很方便，也不利于管理已安装的软件，于是出现了类似于Linux中APT、Yum等类似的软件包管理系统，其中最著名

YoungForever / 0评论 2013-04-04

SSH

SSH有很多非常酷的特性，如何它是你每天的工作伴侣，那么我想你有必要了解以下16条高效使用SSH的秘籍，它们帮你节省的时间肯定会远远大于你用来配置它们的时间。如果你需要在多个窗口中打开到同一个服务器的连接，而不想每次都输入用户名，密码，或是等待连接建立，那

kongguguren / 0评论 2013-02-28

Windows、linux、MAC系统更新DNS缓存的方法

当你无法正确访问一个新注册的域名时就可以刷新dns缓存试试。刷新dns缓存非常简单，任何时候都以进行。但是不同的系统，Windows、Mac OS和Linux上的方法是不一样的。在不同的系统中刷新DNS缓存的方法如下。命令执行完毕，你的DNS缓存就得到了更

EDDJH / 0评论 2012-09-09

ActiveMQ发送、接收消息

* ActiveMQ消息的生产者 生产者发送消息到消息中间件，实现JMS规范接口的消息中间件称为JMS Provider. // 2.通过ConnectionFactory工厂建立Connection的连接，并调用start开启连接。// 4.通过sess

taikewu / 0评论 2018-04-12

快速一键部署测试环境，降低环境配置风险

如何有效减少环境部署流程，提升环境搭建效率，并且保证环境配置质量安全呢？针对这些需求，新型一站式研发效能平台，云效的环境管理系统提供了解决方案。

郑文强 / 0评论 2017-09-15

Dubbo架构设计详解

Dubbo是Alibaba开源的分布式服务框架，它最大的特点是按照分层的方式来架构，使用这种方式可以使各个层之间解耦合。从服务模型的角度来看，Dubbo采用的是一种非常简单的模型，要么是提供方提供服务，要么是消费方消费服务，所以基于这一点可以抽象出服务提供

supperme / 0评论 2016-05-10