CSS设置宽度随内容自动居中问题

一种方法直接用table布局；第二种方法便是给元素加上 display:table就OK。

找一个参考：http://www.douban.com/note/28773492/

这个链接里面讲的便是浮动居中的问题，解释一下

首先有三个层，

第一个层的宽度是100%，就是浏览器可视宽度；

第二个层向左偏离50% 即left:50%；

前两个都辅助层，第三个才是我们要的，

如果第三个层，向左偏离自身宽度的50%就OK了，问题是宽度未知怎么办？

DOM元素有继承的特性，我们知道第三个层是继承第二个层的，那么如果第二个层的宽度刚好是第三个层的宽度，那么第三个层用left:-50%是不是就可以了呢？所以第三个层： left:-50%;

大概的原理就是这样。