解释原因:
由于我们在编写HTML标签时,为了美观和可读性超文本标记语言会自动将代码换行或者加一些制表符。部分主流的浏览器会将这些制表符转换为一个空格或者换行。导致了图片与块级元素之间产生空隙。
例如:
解决方案:
1,把图片设置为块级元素,即添加 display: block;
2,去掉首行的<!DOCTYPE html>
由于我们在编写HTML标签时,为了美观和可读性超文本标记语言会自动将代码换行或者加一些制表符。部分主流的浏览器会将这些制表符转换为一个空格或者换行。导致了图片与块级元素之间产生空隙。
1,把图片设置为块级元素,即添加 display: block;
2,去掉首行的<!DOCTYPE html>