水木社区手机版
- 主题:Re: 为了充实本版的内容，发一些有意义的东东吧。
- 【方法二】
下面来说一说第二种方法。
第一种方法可能大家都知道，但是可能对IE56不太友好，所以又有第二种方法，这种方法可能有的同学就不一定知道了。
假设，有一个<div>需要居中放置，它可能宽度不大，只是用来装logo之类的玩意儿，这时用这种方法就再好不过了。
举个栗子：
<body>
<div id="logo"></div>
</body>
要让他居中，需要这几布：
1、将它的position属性设置为relative，意思就是说是与正常位置相比的相对位置；
2、将left属性设置为50%，意思就是说，<div>的左边于正常位置的差距为上层容器（这里就是body）宽度的50%，此时<div>的左边处于上层容器的中线上;
3、但是，我们并不是想让<div>的左边处于上层容器的中线，而是想让<div>的中线处于上层容器的中线上。所以，我们给<div>确定的负margin-left值，这个值就取<div>宽度的一半，这样，我们就让<div>的中线和上层容器的中线重合了！
CSS代码如下，同样为了好显示，加上的高度和背景色
#logo { position: relative; width: 200px; height: 80px; left: 50%; margin-left: -100px; background-color: #85c155; }
显示结果如下：
这种方法这生产环境中还是屡见不鲜的，有代表的，比如花瓣网（http://huaban.com）顶部那个花瓣网Logo就是这样弄的。
-------------------
OK，两种方法都说完了！
具体使用那种居中技术是自己的事，但是多了解一点还是有好处的，说不定有一天你就会用上另外一种技术呢！
晚了，今天就说到这里吧。。。。
由于本人学上党，而且面临繁重学业，所以只能抽时间陆续写些东西的，
希望大家喜欢咯！
若有不妥、错误之处，望及时拍砖指教。。。。
--
FROM 58.19.126.*