码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2015-01-30 15:39:31      阅读:152      评论:0      收藏:0      [点我收藏+]

标签:

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

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

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

首先有三个层,

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

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

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

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

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

大概的原理就是这样。

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

标签:

原文地址:http://www.cnblogs.com/love-is/p/4262208.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!