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.kthvns.live--51網絡科技,專業免備案空間提供商!
標 簽:片大小自適應高度并垂直對齊 國內空間 主機空間 國內免備案主機 服務器 香港免備案主機
相關文章

上班時間:周一至周六 (9:00-12:00 13:30:00-17:30 19:00-23:00) 電子郵箱:[email protected]  微信公眾號:mianbeian
版權所有:51免備案空間 Copyright All Reserved. © 2005-2018 www.kthvns.live [站點地圖] [網站地圖]
售前咨詢電話:020-27656258 (多線) 售后技術支持:139-8163-8525 傳真:020-27656258 客服QQ:984651771(24H)

免備案空間
51網絡科技-專業免備案空間提供商
新疆11选5开奖结果