让div标签里面的img标签的图片在任意分辨率下居中显示，两边多余的隐藏掉
2017-12-11 16:56
651 查看
<div class="other-banner"><img src="/Public/images/index/about-us.jpg"></div>
/*这样的方法可以让img标签的图片任意分辨率下居中显示*/.other-banner{width:100%;height:600px;overflow: hidden;position: relative}.other-banner img{width:auto;height:600px;margin: 0 50%;transform: translateX(-50%);}/*这样的方法可以让img标签的图片任意分辨率下居中显示*/
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- PHP里面把16进制的图片数据显示在html的img标签上(实现方法)
- html基础 img标记 设置图片的宽度和边框 利用div使图片居中显示
- html基础 img标记 设置图片的宽度和边框 利用div使图片居中显示
- img标签下多余空白BUG解决方法 / div / img / 图片 / 空格
- <DIV>里面实现图片居中显示
- javascript 操作img 标签 显示 隐藏 图片
- 让图片img标签在div里上下左右居中的方法
- 如何设置图片、文字在容器（div）中垂直居中的显示？
- Img图片标签显示问题
- div包含img标签多出像素，图片1像素问题
- js处理img标签加载图片失败，显示默认图片
- css 图片内容在不同分辨率下居中显示(演示的图片宽度是1920px，当图片宽度大于显示屏的宽度时)
- 解决 div或者a标签的高度比里面的img高度多了5px 问题
- android中webview空间通过Img 标签显示sd卡中 的图片
- html使用display:inline-block实现标签右对齐，值左对齐效果。和设置div宽度，并居中显示。嵌套div的里层div文字居中显示
- canvas 使绘制的图片在div 居中显示 ，解决绘图模糊问题
- 简单获取input file 选中的图片，并在一个div的img里面赋值src实现预览图片（可实现多张图片上传和预览移除）
- 如何让div中的文字只显示一行，多余的文字隐藏并加上省略号
- 为什么一个img在一个div里下方有多余的空间-怎么让div自适应图片的高度
- 假如有一个固定高度的div，如何让里面的一个图片垂直居中？