這篇文章將為大家詳細講解有關(guān)css如何去除按鈕之間的間距，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

成都創(chuàng)新互聯(lián)公司專注于網(wǎng)站建設(shè)|成都網(wǎng)站改版|優(yōu)化|托管以及網(wǎng)絡(luò)推廣，積累了大量的網(wǎng)站設(shè)計與制作經(jīng)驗，為許多企業(yè)提供了網(wǎng)站定制設(shè)計服務(wù)，案例作品覆蓋成都集裝箱等行業(yè)。能根據(jù)企業(yè)所處的行業(yè)與銷售的產(chǎn)品，結(jié)合品牌形象的塑造，量身開發(fā)品質(zhì)網(wǎng)站。

在css中，可以利用“font-size”屬性去除按鈕之間的間距，按鈕之間有間距是因為元素節(jié)點有文本節(jié)點，在縮進代碼時會占據(jù)寬度，只需要給按鈕元素的父元素添加“font-size:0;”樣式即可去除間距。

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

正常情況下，當我們設(shè)置了按鈕之后，按鈕之間會出現(xiàn)間距，示例如下：

    
    
    
    


    按鈕
    按鈕
    按鈕

輸出結(jié)果：

這時候我們是需要設(shè)置按鈕元素的父元素，給其父元素添加“font-size:0;”樣式即可。

示例如下：

    
    
    
    
    


    按鈕
    按鈕
    按鈕

輸出結(jié)果：

    
    
    
    
    


    

    按鈕
    按鈕
    按鈕
    

輸出結(jié)果：

關(guān)于“css如何去除按鈕之間的間距”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，使各位可以學(xué)到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。