float-left的对象如何居中

我们在做导航(nav)时,通常会用到float:left;但是这样做的话,让导航文本水平居中确实个麻烦事;

分析如下:  

[float:left]有个伟大之处,它使div(或者其他标签)的宽度自适应其内容,但它却有个弊端:无法居中。
[display:inline-block]也有同样的特性,并且可以居中,但连续几个这样的东东,之间却会出现空格。

为了解决这个问题,我们可以把二者结合起来使用:  

Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--> 1 
 
    
        
        inline-block解决float:left对象无法居中的问题。
        
    
    
        
    
 
原文链接:http://www.cnblogs.com/hema/archive/2009/12/17/1626497.html

你可能感兴趣的:(float-left的对象如何居中)