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

首頁 > 編程 > JavaScript > 正文

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

2019-11-20 21:51:02
字體:
供稿:網(wǎng)友
一個(gè)Div中顯示Img,img的寬和Div相同,但高不固定,要求只顯示Img垂直居中的部分。

示例:
 

原圖:


代碼實(shí)現(xiàn):
復(fù)制代碼 代碼如下:

<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>

點(diǎn)擊下載源文件
發(fā)表評論 共有條評論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 日本在线看 | 久久免费观看一级毛片 | 九九热精品在线播放 | 成人性生活视频在线观看 | 91香草视频 | 毛片免费观看日本中文 | 国产精品成人亚洲一区二区 | 龙的两根好大拔不出去h | 国产精品免费一区二区三区都可以 | 国产精品一区二区日韩 | 成人 日韩 | 狠狠婷婷综合久久久久久妖精 | 精品一区二区免费视频视频 | 在线播放av片 | 操碰网 | hd极品free性xxx护士人 | 亚洲网站在线观看 | 黄色片网站免费 | 一边吃奶一边插下面 | 污黄视频在线播放 | 午夜视频在线观 | 一级免费特黄视频 | 欧美特黄一级高清免费的香蕉 | 在线a毛片 | 中文字幕一区2区 | 国产91久久精品一区二区 | 国产艳妇av视国产精选av一区 | 欧美视频一区二区三区四区 | 国产二区三区在线播放 | 亚洲av一级毛片特黄大片 | 久久久久久亚洲国产精品 | 欧美hdfree性xxxx | 美女黄色毛片免费看 | 欧美一区二区三区中文字幕 | 亚洲精品有限 | 91九色视频观看 | 国产免费高清在线视频 | 国产成人免费精品 | 亚洲看片网 | 欧美精品一区二区三区在线播放 | 亚洲射情|