JS+CSS设置img在DIV中只显示居中部分
2013-10-24 13:37
531 查看
一个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>
点击下载源文件
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- JS+CSS设置img在DIV中只显示Img垂直居中的部分
- JS+CSS设置img在DIV中只显示Img垂直居中的部分
- div+css设置列表li超出部分显示省略号
- html基础 img标记 设置图片的宽度和边框 利用div使图片居中显示
- html基础 img标记 设置图片的宽度和边框 利用div使图片居中显示
- css效果，在一个盒子里，把一部分内容隐藏掉，在鼠标悬停到div时，就会把隐藏的部分向上显示出来。 不用js操作，纯css就可以。
- 让div绝对居中显示的css&js
- CSS的哪个属性可以设置DIV模块居中显示?
- CSS设置DIV居中显示
- css设置div垂直居中显示
- css控制一个div在其父级的div垂直居中显示
- div+css总结—FF下div不设置高度背景颜色或外边框不能显示的解决方法
- 如何设置图片、文字在容器（div）中垂直居中的显示？
- css 实现div内显示两行或三行，超出部分用省略号显示
- 浮动的div自适应居中显示的js代码
- js 设置在iframe框架中指定div不显示
- html css div img垂直居中
- div+css总结—FF下div不设置高度背景颜色或外边框不能正常显示的解决方法（借鉴）
- html使用display:inline-block实现标签右对齐，值左对齐效果。和设置div宽度，并居中显示。嵌套div的里层div文字居中显示
- css div img 垂直居中对齐！