移除图像之间的空格
问题的出现原因是因为浏览器会将换行符解释为空格,导致在图片之间出现了空格。解决方法是删除换行符。
以下是代码示例,通过删除换行符来移除图片之间的空格:
<img src='http://black-agency.com/dat/Images/BG/dark.jpg'/><img src='http://black-agency.com/dat/Images/BG/dark.jpg'/><br><img src='http://black-agency.com/dat/Images/BG/dark.jpg'/><img src='http://black-agency.com/dat/Images/BG/dark.jpg'/>
这样就可以移除图片之间的空格了。
问题出现的原因:
在这种情况下,inline-block
默认样式并不可靠,因此可以尝试使用浮动来解决这个问题,尽管可能会很复杂。另外,可以将父元素的字体大小设置为零,或者使用负边距来解决问题。
解决方法:
1. 使用浮动而不是依赖于inline-block
的默认样式。这可能会比较复杂。
2. 将父元素的字体大小设置为零。可以参考这个示例。
3. 使用负边距。可以参考这个示例。
4. 最后,可以在标记中的img
标签之间删除空白。但是,这样可能会使标记看起来凌乱。
在特定情况下,你可以自行决定哪种方法是最好的。请注意,如果这些图像不仅仅是占位符,则背景图像更适合使用CSS的background-image
属性和background
简写属性。