1, 问题描述, 需求开发过程中, 用到下面代码, 但是 div 的高度为 273.75px, 而 img 元素的高度 269.75px
- <div style="width:30%;">
- <img style="width:100%;display: block;" src="static/images/ceshi.jpg">
- </div>
2, 解决方案: 为 img 元素添加 display:block; 属性设置;
3, 原因: img 是一种类似 text 的元素, 在结束的时候, 会在末尾加上一个空白符, 所以就会多出 3px.
来源: http://www.jianshu.com/p/3ea1631dcb20