float-left的对象如何居中
5月 9th, 2009
[参与测试的浏览器：IE6 / IE7 / IE8 / FF3 / OP9.6 / SF3 / Chrome2 ]
[操作系统：Windows]
[float:left]有个伟大之处，它使div（或者其他标签）的宽度自适应其内容，但它却有个弊端：无法居中。
[display:inline-block]也有同样的特性，并且可以居中，但连续几个这样的东东，之间却会出现空格。
为了解决这个问题，我们可以把二者结合起来使用：
提示：你可以先修改部分代码再运行。
当然，这样的结构是不正确的，但是我们可以模拟一下（模拟方法的详情请见怿飞的文章：模拟兼容性的 inline-block 属性）
提示：你可以先修改部分代码再运行。
最新评论