這篇文章給大家分享的是有關(guān)css如何將字和圖對齊的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

成都創(chuàng)新互聯(lián)IDC提供業(yè)務(wù):成都聯(lián)通服務(wù)器托管,成都服務(wù)器租用,成都聯(lián)通服務(wù)器托管,重慶服務(wù)器租用等四川省內(nèi)主機托管與主機租用業(yè)務(wù);數(shù)據(jù)中心含:雙線機房,BGP機房,電信機房,移動機房,聯(lián)通機房。

css將字和圖對齊的方法：1、通過添加css的“vertical-align:middle;”實現(xiàn)將字和圖對齊；2、通過在css中設(shè)置背景圖片實現(xiàn)將字和圖對齊；3、把文字和圖片分別放入不同的div中來實現(xiàn)將字和圖對齊即可。

在 HTML 代碼中，有時會需要在文字旁邊加上一個圖標(biāo)。

默認情況，是圖片置頂對齊，文字置底對齊，所以通常圖片高，文字低，不能水平居中對齊。

常見方法有3種：1、通過添加css的“vertical-align:middle;”；2、如果圖片是背景圖片，可以在css中設(shè)置背景圖片；3、把文字和圖片分別放入不同的div中。上面三種方法都可以讓圖片和文字在同一行顯示，下面我們用實例來應(yīng)用一下。

1、添加上“vertical-align:middle”屬性

我們用“登陸”這個在實際情況做實例，把“登陸”做成圖片，“找回密碼”設(shè)置成文字其html代碼如下：

    
    


    
        找回密碼