麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 編程 > JavaScript > 正文

JS+CSS設置img在DIV中只顯示Img垂直居中的部分

2019-11-20 21:51:02
字體:
來源:轉載
供稿:網友
一個Div中顯示Img,img的寬和Div相同,但高不固定,要求只顯示Img垂直居中的部分。

示例:
 

原圖:


代碼實現:
復制代碼 代碼如下:

<div style="width: 190px; height: 100px; overflow: hidden;">
<img src="http://beijing.timeoutcn.com/UserFiles/Images/2013-10-21/20131021104840077cover-22-1.jpg" width="190px" style="vertical-align: middle;"
onload="this.style.marginTop = (parseInt(this.parentNode.style.height) - this.height)/2 + 'px';this.style.marginLeft = (parseInt(this.parentNode.style.width) - this.width) /2 + 'px'" />
</div>

點擊下載源文件
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 欧美一级高潮 | 国产毛片在线看 | 有兽焉免费动画 | 午夜精品老牛av一区二区三区 | 亚洲成人精品久久 | 色婷婷久久久亚洲一区二区三区 | 成人一区二区三区在线 | 亚洲精品成人18久久久久 | 欧美亚洲国产一区二区三区 | 免费毛片播放 | 精品视频 久久久 | 精品一区二区三区毛片 | 欧美高清视频一区 | 日本韩国欧美一级片 | 久久久久国产一区二区三区不卡 | 国内毛片视频 | a在线视频 | 日本欧美一区二区 | 91成人午夜性a一级毛片 | 最新久久免费视频 | 国产免费久久久 | 一级一级一级一级毛片 | 久久99国产视频 | 午夜国产成人 | 亚洲精品久久久久久下一站 | 中文字幕免费播放 | 激情久久一区二区 | 国产羞羞网站 | 青久草视频 | av免费提供 | 中文字幕免费在线观看视频 | 青青草成人影视 | 91精品最新国内在线播放 | 色交视频| 一区二区三区国产在线 | 精品一区二区三区在线观看国产 | 中文字幕电影免费播放 | 91网页 | 日韩色视频 | 亚洲涩涩图 | 黄网站在线观 |