CSS设置宽度随内容自动居中问题
一种方法直接用table布局;第二种方法便是给元素加上 display:table就OK。
找一个参考:http://www.douban.com/note/28773492/
这个链接里面讲的便是浮动居中的问题,解释一下
首先有三个层,
第一个层的宽度是100%,就是浏览器可视宽度;
第二个层向左偏离50% 即left:50%;
前两个都辅助层,第三个才是我们要的,
如果第三个层,向左偏离自身宽度的50%就OK了,问题是宽度未知怎么办?
DOM元素有继承的特性,我们知道第三个层是继承第二个层的,那么如果第二个层的宽度刚好是第三个层的宽度,那么第三个层用left:-50%是不是就可以了呢?所以第三个层: left:-50%;
大概的原理就是这样。
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。