div網(wǎng)站建設(shè)的時(shí)候如何讓圖片和文字都水平居中？

2013-05-13    分類： 網(wǎng)站建設(shè)

初學(xué)者在用div做網(wǎng)站的時(shí)候

常常會(huì)碰到這樣一個(gè)問題

在同一行里面

同時(shí)插入圖片和文字的時(shí)候

默認(rèn)是底對(duì)齊

這實(shí)在是太不爽了

一看上去就覺得不和諧嘛

當(dāng)然，大家可以有很多種方法實(shí)現(xiàn)

例如把圖片放在一個(gè)div里

后面的文字再放一個(gè)div里

這樣互不干擾，就可以隨意定位置了

八過，我們?cè)?jīng)說過，要盡量用簡(jiǎn)單的代碼把網(wǎng)站寫出來

你這樣做效果確實(shí)可以出來，不覺得div有點(diǎn)太多了嗎

其實(shí)解決這個(gè)問題的方法很簡(jiǎn)單

你可以把圖片和文字寫在一個(gè)div里

然后，只要對(duì)圖片加一個(gè)屬性：vertical-align：middle就可以實(shí)現(xiàn)了！

下邊是給大家總結(jié)的源代碼，希望可以給大家有幫助

無標(biāo)題文檔


       

  •        
                成都創(chuàng)新互聯(lián)
           


  •        
                成都創(chuàng)新互聯(lián)
           

    •        

  •        
                成都創(chuàng)新互聯(lián)
           

    •    





當(dāng)前名稱：div網(wǎng)站建設(shè)的時(shí)候如何讓圖片和文字都水平居中？
網(wǎng)頁(yè)鏈接：http://www.bm7419.com/news/723.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營(yíng)銷seo公司；服務(wù)項(xiàng)目有網(wǎng)站建設(shè)等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)

網(wǎng)站托管運(yùn)營(yíng)

網(wǎng)站建設(shè)知識(shí)