把上次做的效果图给做了出来

查看：http://www.vgot.net/new_vgot/

此文转自室友的空间:

昨晚等电梯时，一住户跟小区保安说这个电梯质量不好进去后晃悠晃悠的
保安说："这电梯本来就不合格的"
住户说不合格也能装，要打电话投诉
保安说电梯不合格到没事的，你们住的房子也是不合格
哎，我真是头一次遇到这么强悍的保安

我们都知道及float:left; 和 float:right;，但是否想过 float:center; 呢？

看下面这段代码:

<div class="fpage">
    <ul>
        <li>列表一</li>
        <li>列表二</li>
        <li>列表三</li>
    </ul>
</div>

我们想让 .fpage 内的 li 的整个区域浮动居中显示，这里面的 li 数量未知，ul 的宽度也是未知。当然我们可以让给 .fpage 一个 text-align:center; 但这并不是我们的初衷，很多时候我们必须得使用浮动。
这里我们得先重温一下 position:relative; 它将依据 left, right, top, bottom 等属性在正常文档流中偏移位置。那我们可以让 ul 为position:relative;left:50%，然后再让 li 向左浮动，在让它 position:relative;right:50%（或者left:-50%），那么 li 就有了我们想要的居中浮动效果啦！

CSS：

.fpage {
    position:relative;
    width:100%;
    height:80px;
    background-color:#eee;
    text-align:center;
    overflow:hidden;
}
.fpage ul {
    float:left;
    position:relative;
    left:50%;
    list-style:none;
}
.fpage ul li {
    position:relative;
    right:50%;
    float:left;
    margin:10px;
    padding:0 10px;
    border:solid 1px #000;
    line-height:60px;
}

下载这个实例：[attach=160]

今天公司跟安医附院在安大室内蓝球场比赛,俺去做拉拉队,叫了一身劲,最后没赢,打羽毛球和乒乓打了一身的汗,哎,看这惨状,俺在想是不是要去参加蓝球队,实力悬殊啊.

到下午将近六点的时候俺们几个回去的路上去逛了遍家乐福,买了一堆吃喝的....然后座车回来的时候,快到家门口的时候,看见一美女快进楼了,俺想哇塞,赶紧,追上,一起乘电梯(其实不管是谁我都会追上一起乘电梯的,不然岂不多等一会),俺跑呀,突然感觉左脚一阵奇怪,哎呀,有东西扎进去啦,我一开始以为是个尖石子扎到鞋子里了,可是俺到电梯口的时候发现电梯正在下来还要等一下,这时,觉得左脚有点异常,那东西似乎比较长,我就走到门口,抬起左脚,捏住,一拽,哇靠!!居然是一根五厘米长,两毫米粗的铝丝,直生生的从脚后根底板插了进去,插进我脚三到四厘米,不过一开始感觉不怎么痛,然后上了电梯,这进修哪有心思看美女,回到家,把鞋袜一脱,我的妈妈呀,这么一个洞在流血,俺就赶紧挤呀,用水冲啊,然后换上拖鞋,打开电脑上网,等一会儿看了眼左脚,发现脚底板满是血,跟恐怖片似的,郁闷啊,不过这会儿已经是凝固了,哎..现在是不动不痛,一走路就那个痛的,我在想明天在公司得有多少人看我的糗状了...

PS: 我现在在想,那么直的一根铝丝,在那么平坦的水泥路面上怎么会直直的朝上,难道是有人想扎停在那里的车的胎?这还真是一件技术活.

再PS: 经过昨夜奋战,俺已经更换了博客的验证码,发现机器人再也没来,哈哈,重新开启评论,问候广告机全家.

主页几经改动,始终未能安定,目前处于沉底期,现花了一个晚上时间做了个首页的效果图,等列队的项目完成之后便会开始我的新首页啦,先爆出效果图: