這篇文章主要介紹了css中設(shè)置float浮動居中的方法是什么，具有一定借鑒價值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

創(chuàng)新互聯(lián)"三網(wǎng)合一"的企業(yè)建站思路。企業(yè)可建設(shè)擁有電腦版、微信版、手機版的企業(yè)網(wǎng)站。實現(xiàn)跨屏營銷，產(chǎn)品發(fā)布一步更新，電腦網(wǎng)絡(luò)+移動網(wǎng)絡(luò)一網(wǎng)打盡，滿足企業(yè)的營銷需求！創(chuàng)新互聯(lián)具備承接各種類型的成都網(wǎng)站制作、成都做網(wǎng)站、外貿(mào)營銷網(wǎng)站建設(shè)項目的能力。經(jīng)過十多年的努力的開拓，為不同行業(yè)的企事業(yè)單位提供了優(yōu)質(zhì)的服務(wù)，并獲得了客戶的一致好評。

css中float居中的方法：利用display:inline-block和float:left

我們來看具體的float浮動居中示例代碼：

 
    
        
        
        
    
    
        

            
首頁
            
視頻
            
文章
            
登錄
            
留言
        
    
 

float浮動居中效果如下：

關(guān)于上述代碼中我們會看到一個*display:inline;，這個其實就是一種CSS hack寫法；（不知道css hack寫法的可以自己百度一下）*{margin: 0;padding: 0;}是以前常見的一種 "重置" 樣式，把所有網(wǎng)頁內(nèi)的元素都緊緊貼在一起的意思，因為瀏覽器的不同會產(chǎn)生不同的默認元素樣式，所以*{ margin: 0; padding: 0;} 主要用途就是幫助你重置不同的瀏覽器默認樣式，以達到不同瀏覽器顯示網(wǎng)頁的結(jié)果不會差太遠的效果。

看完了上述的方法，可能有時候會想不到用CSS hack寫法，而且兼容性也不好，

所以下面我們看一下不使用*display:inline;的實現(xiàn)方法

css中如何設(shè)置float浮動居中代碼示例(不使用*display:inline;)：

 
    
        
        
        
    
    
     

        

            
首頁
            
視頻
            
文章
            
登錄
            
留言
        
    
    
 

居中效果如下：

感謝你能夠認真閱讀完這篇文章，希望小編分享css中設(shè)置float浮動居中的方法是什么內(nèi)容對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，遇到問題就找創(chuàng)新互聯(lián)，詳細的解決方法等著你來學(xué)習(xí)!