国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁(yè) > 編程 > JavaScript > 正文

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

2019-11-20 21:51:02
字體:
來(lái)源:轉(zhuǎn)載
供稿:網(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ā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 义乌市| 理塘县| 沐川县| 会理县| 永和县| 福海县| 平阳县| 治多县| 沁水县| 东兰县| 酉阳| 应用必备| 无为县| 龙口市| 武宁县| 濉溪县| 塘沽区| 武隆县| 济阳县| 南开区| 红安县| 新宾| 德化县| 仁布县| 富锦市| 原阳县| 东乡县| 博兴县| 宁都县| 河津市| 四子王旗| 六盘水市| 霍州市| 夏津县| 太白县| 通城县| 邛崃市| 临沭县| 县级市| 平乡县| 贺州市|