本文介绍了如何使用CSS处理图片间隙问题，包括通过设置margin-top负值、父元素字体大小为0、改变图片display属性为block以及设置垂直对齐方式来消除图片之间的间距。此外，还提到了文本框按钮对不齐的情况，并提供了相关代码解决方案。
1，去除图片间隙
如下图
Img属于行块级元素，所以有空格
将div设置为inline-block属性之后，div标签之间也会存在间距。
内部原理：所有display属性为inline、inline-block的盒模型都会有文字特征，间距就是由于两个标签之间的空白引起的。（所谓两个标签之间的空白就是：比如写完一个img标签之后会点击enter换行去写下一个div盒子，这个回车换行就是空格）
方法（1）可以设置下面的box盒子，margin-top:负值
（2）设置父盒子字号为0
.wrap {
font-size: 0;
}
（3）改变图片的display:
img {
display: block;
}
(4)给图片设置垂直对齐方式：
img {
vertical-align: middle;
}
代码如下：
<!DOCTYPE html>
<html lang="en">
<
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
