摘要: 如果想让一个div或一张图片相对于整个页面居中,用vertical-align:middle可以很简单地解决。就以一个404页面为例,看如何让一张图片相对于整个页面居中,如下图:这是一个404页面,里面就只有一张图片,点击图片可以回到首页,而且这个图片是相对于整个页面居中的,无论是水平还是垂直(PS:这可算是我做404页面最为习惯的一种懒人做法了,越简单越好,要想好看的话,直接用photoshop做一张好看一点的图片就好了~)。接下来看一下它的html代码: 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional/ 阅读全文
posted @ 2012-03-21 21:34 学明 阅读(33814) 评论(23) 推荐(18) 编辑
摘要: 做WEB页面的时候经常会做相册列表,也是最常见的一种相册列表:列表里面有很多张图片,每张图片下面都会有一个标题,点击标题可以跳转,如下图:做这样一个布局,第一时间想到的就是外面一个id="wall"的div标签,里面有6个class="item"的div标签(随便多少个都行,这里假定是6个),每一个class="item"的div标签里面有一个class="itemImage"的img标签和一个class="itemTitle"的a标签,于是就写出了以下的代码: 1 <!DOCTYPE h 阅读全文
posted @ 2012-03-19 17:32 学明 阅读(2605) 评论(10) 推荐(6) 编辑