有些版本浏览器,在图片和文字间会出现白边。加上 img{display:block} ,将img变为块元素。
区块和内联块最大的区别就是,区块可以设置宽、高、居中对齐等操作,而内联块不行。
因为
img
默认是按基线(baseline)对齐的。对比一下图片和右边的p
字母,你会发现这三个字母的“小尾巴”和图片下方的空白一样高。下面这张图中的黑线就是那条基线。
要去掉空格可以使用vertical-align: bottom
或将img
标签变为块级元素。
https://segmentfault.com/q/1010000000694663