img{display:block}

 有些版本浏览器,在图片和文字间会出现白边。加上 img{display:block} ,将img变为块元素。

区块和内联块最大的区别就是,区块可以设置宽、高、居中对齐等操作,而内联块不行。

因为img默认是按基线(baseline)对齐的。对比一下图片和右边的p字母,你会发现这三个字母的“小尾巴”和图片下方的空白一样高。下面这张图中的黑线就是那条基线。

要去掉空格可以使用vertical-align: bottom或将img标签变为块级元素。


https://segmentfault.com/q/1010000000694663

你可能感兴趣的:(前端系列学习)