国产探花免费观看_亚洲丰满少妇自慰呻吟_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://www.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>


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

圖片精選

主站蜘蛛池模板: 云林县| 辽阳县| 平武县| 潮安县| 永定县| 余姚市| 安义县| 景宁| 高陵县| 南宁市| 宁强县| 苍溪县| 福清市| 连山| 陕西省| 都昌县| 高平市| 正安县| 方城县| 木兰县| 海城市| 军事| 永清县| 简阳市| 锡林浩特市| 霍邱县| 油尖旺区| 侯马市| 大连市| 虞城县| 全南县| 阿城市| 逊克县| 紫阳县| 遂溪县| 全州县| 水富县| 容城县| 贵州省| 弥渡县| 芮城县|