成都創(chuàng)新互聯(lián)
成都創(chuàng)新互聯(lián)
成都創(chuàng)新互聯(lián)
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é)的源代碼,希望可以給大家有幫助
.main{ width:100%; height:48px;}
.jvzhong{ width:1000px; height:48px; margin:0 auto;}
.main ul li{ float:left; width:33.2%;text-align:center;}
.teshu{ border-right:1px #aaa solid; border-left:1px #aaa solid;}
.mid{ vertical-align:middle; margin-right:20px;}
ul,li{ margin:0; padding:0;}
li{ list-style:none;}
當(dāng)前名稱:div網(wǎng)站建設(shè)的時(shí)候如何讓圖片和文字都水平居中?
網(wǎng)頁鏈接:http://m.rwnh.cn/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)
猜你還喜歡下面的內(nèi)容