利用vertical-alignmiddle实现在整个页面居中.docxVIP

利用vertical-align:middle实现在整个页面居中如果想让一个div或一张图片相对于整个页面居中，用vertical-align:middle可以很简单地解决。就以一个404页面为例，看如何让一张图片相对于整个页面居中，如下图：这是一个404页面，里面就只有一张图片，点击图片可以回到首页，而且这个图片是相对于整个页面居中的，无论是水平还是垂直（PS：这可算是我做404页面最为习惯的一种懒人做法了，越简单越好，要想好看的话，直接用photoshop做一张好看一点的图片就好了～）。?接下来看一下它的html代码: 1!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd 2 3html xmlns=/1999/xhtml 4head 5title404页面/title 6/head 7body 8div class=wall 9a href=index.htmlimg class=img404 src=images/404.jpg alt=404页面//a10/div11/body12/html复制代码代码很简单，就一个class=wall的div标签，一个a标签，一个class=“img404”的img标签。?接下来就是写css了