一种方法直接用table布局；第二种方法便是给元素加上 display:table就OK。
找一个参考：http://www.douban.com/note/28773492/
这个链接里面讲的便是浮动居中的问题，解释一下
首先有三个层，
第一个层的宽度是100%，就是浏览器可视宽度；
第二个层向左偏离50% 即left:50%；
前两个都辅助层，第三个才是我们要的，
如果第三个层，向左偏离自身宽度的50%就OK了，问题是宽度未知怎么办？
DOM元素有继承的特性，我们知道第三个层是继承第二个层的，那么如果第二个层的宽度刚好是第三个层的宽度，那么第三个层用left:-50%是不是就可以了呢？所以第三个层： left:-50%;
大概的原理就是这样。
原文：http://www.cnblogs.com/love-is/p/4262208.html