为什么一个img在一个div里下方有多余的空间-怎么让div自适应图片的高度
2015-01-09 14:30
447 查看
如下图所示：
解决方案：
img{vertical-align:top;} /*解决方案1*/
img{display: block} /*解决方案2*/
div{line-height: 0} /*解决方案3*/
但是由于图片一般需要居中展示，为了利用text-align:center这个内联属性，推荐 方案1与方案3，方案2不推荐使用。
解决方案：
img{vertical-align:top;} /*解决方案1*/
img{display: block} /*解决方案2*/
div{line-height: 0} /*解决方案3*/
但是由于图片一般需要居中展示，为了利用text-align:center这个内联属性，推荐 方案1与方案3，方案2不推荐使用。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- div 里边只包含一个img， 结果div的高度比img图片的高度多3px
- div中img图片下方空白问题，div高度不等于img图片的高度，会留出几个像素
- img标签下多余空白BUG解决方法 / div / img / 图片 / 空格
- 利用<div>层 和<img>标签，实现一个图片两个动画效果
- 纯css怎么控制一个div的高度跟随另外一个DIV高度发生变化
- 让div标签里面的img标签的图片在任意分辨率下居中显示，两边多余的隐藏掉
- 解决自适应高度的div里放置图片在下方会有一点空白距离
- 外部一个div固定宽高，内部img也固定宽高，怎么让img在外部div中垂直居中对齐
- 关于div中放入一个img元素导致div高度会多出几个像素的解决问题
- 简单获取input file 选中的图片，并在一个div的img里面赋值src实现预览图片（可实现多张图片上传和预览移除）
- 怎么可以让div自适应屏幕的高度？（已解决）
- 假如有一个固定高度的div，如何让里面的一个图片垂直居中？
- 如何解决div里面img图片下方有空白的问题？
- 为什么无论你怎么设置自定义的外层div的高度，easyui的动态添加的tab的高度还是不变高
- 如何解决div里面img图片下方有空白的问题？
- 急急急！！！！怎么下载一个指定DIV里面的图片到本地呀！！！！！！！！！！！！！！
- 一个DIV三列布局100%高度自适应的好例子（国外）
- 简单获取input file 选中的图片，并在一个div的img里面赋值src实现预览图片
- 里面的div怎么撑开外面的div让高度自适应
- 有一个高度自适应的div，里面有两个div，一个高度100px，希望另一个填满剩下的高度。