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

首頁 > 語言 > JavaScript > 正文

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

2024-05-06 15:53:33
字體:
來源:轉載
供稿:網友
img的寬和Div相同,但高不固定,要求只顯示Img垂直居中的部分,下面有個不錯的示例,感興趣的朋友可以參考下

一個Div中顯示Img,img的寬和Div相同,但高不固定,要求只顯示Img垂直居中的部分。

示例:

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

 

原圖:

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



代碼實現:

復制代碼 代碼如下:


<div>
<img src="http://m.survivalescaperooms.com/uploads/allimg/131025/1406046357_0.jpg"
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>


點擊下載源文件
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 舞钢市| 望都县| 乐安县| 岑巩县| 阳春市| 张家川| 濉溪县| 巫溪县| 阳江市| 东海县| 卢龙县| 雷波县| 大悟县| 定襄县| 保山市| 宝应县| 米脂县| 芜湖市| 汨罗市| 吐鲁番市| 揭西县| 滦南县| 泰和县| 湘潭市| 弥渡县| 个旧市| 余干县| 仙桃市| 祁东县| 长岭县| 铁力市| 岳西县| 伊吾县| 自贡市| 府谷县| 集贤县| 富宁县| 民丰县| 灵寿县| 民县| 泾阳县|