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.6686299.buzz--51網絡科技,專業免備案空間提供商!
相關文章

杰克棋牌官网 喜乐彩中奖规则 单机捕鱼达人在线玩 四川血战麻将 大众麻将赢分怎么充值 百赢棋牌破解版 管家婆四肖精选期期准开奖结果 河北快3app官方下载 小程序微乐陕西麻将挂 哪个麻将可以邀请微信好友玩 福利彩票3d家园 加拿大快乐8平台 浙江省十一选五走势 十一选五青海开奖结果 2019最新捕鱼平台 微乐贵阳捉鸡麻将下 科乐哈尔滨麻将下载