内射老阿姨1区2区3区4区_久久精品人人做人人爽电影蜜月_久久国产精品亚洲77777_99精品又大又爽又粗少妇毛片

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

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

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

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

在同一行里面

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

默認(rèn)是底對齊

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

一看上去就覺得不和諧嘛

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

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

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

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

八過,我們曾經(jīng)說過,要盡量用簡單的代碼把網(wǎng)站寫出來

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

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

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

然后,只要對圖片加一個(gè)屬性:vertical-align:middle就可以實(shí)現(xiàn)了!

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>無標(biāo)題文檔</title>

<style>

   .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;}

</style>

</head>

<body>

<div class="main"

<div class="jvzhong">

<ul>
   <li>
       <img class="mid" src="image/icon-mi.png" />
            成都創(chuàng)新互聯(lián)
        </li>
<li class="teshu">
       <img class="mid" src="image/icon-mi.png" />
            成都創(chuàng)新互聯(lián)
        </li>
        <li>
       <img class="mid" src="image/icon-mi.png" />
            成都創(chuàng)新互聯(lián)
        </li>
    </ul>
</div>
</div>

</body>
</html>

網(wǎng)站名稱:div網(wǎng)站建設(shè)的時(shí)候如何讓圖片和文字都水平居中?
瀏覽地址:http://www.rwnh.cn/news23/723.html

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

廣告

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

微信小程序開發(fā)

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

兴仁县| 临邑县| 嘉峪关市| 东宁县| 怀来县| 佛山市| 新兴县| 克什克腾旗| 靖西县| 盖州市| 荃湾区| 夏河县| 中山市| 文安县| 伊金霍洛旗| 泸溪县| 永城市| 屯门区| 祁东县| 革吉县| 仁寿县| 英超| 犍为县| 正安县| 台江县| 利辛县| 洪湖市| 泰和县| 工布江达县| 安庆市| 武安市| 金川县| 巍山| 惠州市| 青海省| 宜都市| 荔浦县| 曲水县| 清原| 金寨县| 柞水县|