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

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

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

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

首先有三个层,

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

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

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

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

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

大概的原理就是这样。

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。