因为img是内联，不是区块。而你的<img src="" alt="" width="" height="">之后又打了一个回车，所以浏览器会将回车当做空白字符，所以就多了一行空隙。如果你将<img>和</div>之间的空白字符(回车换行或其他空格制表符)去掉之后，也可以去掉空隙。
如果将img设置为区块，那么即使后面有回车，浏览器也会忽略。至于为什么浏览器会忽略区块后面的空格而不会忽略内联后面的空格，这个只能去问浏览器制造商了。其实了解到这些已经可以了，你只需要知道以后如果想要去掉img元素后面的空隙，可以将img设置为block或者去掉回车等空白字符写在一行<div class="shagua"><img src="" alt="" width="" height=""></div>，我更倾向于将img设置为block
如果将img设置为区块，那么即使后面有回车，浏览器也会忽略。至于为什么浏览器会忽略区块后面的空格而不会忽略内联后面的空格，这个只能去问浏览器制造商了。其实了解到这些已经可以了，你只需要知道以后如果想要去掉img元素后面的空隙，可以将img设置为block或者去掉回车等空白字符写在一行<div class="shagua"><img src="" alt="" width="" height=""></div>，我更倾向于将img设置为block
