51網絡科技專業提供

香港空間

美國空間

國內免備案空間

月付空間

免備案虛擬主機

,支持免費試用2天
聯系51網絡科技
產品快訊:
售前客服
在線咨詢
在線咨詢
在線咨詢
在線咨詢
售后服務
在線咨詢
在線咨詢
財務問題
在線咨詢
代理加盟
在線咨詢
 
推薦產品
    300M國內免備案空間
    300M網站空間,送60M數據庫!
    現價只要:22元/月
    500M國內免備案空間
    500M網站空間,送100M數據庫!
    現價只要:29元/月
    1G國內免備案空間
    1G網站空間,送300M數據庫!
    現價只要:39元/月
    500M香港免備案空間
    500M網站空間,送160M數據庫!
    現價只要:26元/月
    1G香港免備案空間
    1G網站空間,送300M數據庫!
    現價只要:36元/月
    100M美國空間
    100M網站空間,送30M數據庫!
    現價只要:12.8元/月
 
您的當前位置:首頁 > 常見問題 > 建站常見問題 > 正文
css圖片大小自適應高度并垂直對齊
文章來源:51網絡科技  點擊數:  更新時間:2017-7-21 11:12:52
購買國內免備案空間購買香港空間【不限iis】寬屏網站制作【還送手機網站】
香港云主機/99元/月國內空間【免費備案】 特價網站空間
.Net專用空間香港獨立IP空間 游戲空間【支持月付】

做網站的朋友可能經常遇到網站上面展示的圖片顯示變形的問題,那么我們如何處理這個問題呢

首先我們分析一下,一般都是固定寬度,高度自動,這樣顯示比較好看些,如下圖所示:

 

css圖片大小自適應高度并垂直對齊

 

經過實驗總結,將代碼附出來大家可以參考下:

.resize { width:218px; height:218px;vertical-align:middle;line-height:218px;  }  //固定容器的高度和寬度,并設置上下對齊

.resize img { width:218px; height:auto !important;max-height:218px;vertical-align:middle;line-height:218px;  }  // 圖片寬度固定,高度自適應

再將樣式標簽加到你的模板中去就行了。

有需要做企業網站的朋友,可以找我們了解一下寬屏網站制作,專業建網站公司為您做出精美的網站。


國內、香港、美國、全免備案www.896234.live--51網絡科技,專業免備案空間提供商!
相關文章

真人龙虎斗论坛 河南快三投注技巧 秒速牛牛app 北京塞车pk拾开奖 腾讯分分彩软件下载app 加拿大快乐8开奖连接 pk10技巧345678定位 管家婆王中王开奖王+m· 福建31选7中奖规则 河北省福彩20选5走势图 山西快乐10分走势图