文章内容
2018/9/12 9:18:44,作 者: 黄兵
图片与图片之间空隙
最近制作一个网页，图片与图片之间总是有空隙，截图如下：
出现这个问题的原因：
这个是浏览器的一个设计问题。
1.img本来是行内元素，却可以用width 和height,当父元素没有设置高度的时候，用子元素们的高度计算出的高度给父元素的时候就会出现3px空隙这类的问题。
2.img图片默认排版为 inline-block;而所有的inline-block元素之间都会有空白。
解决方案：
有两个方法：
1、定义图片img标签vertical-align:bottom，vertical-align:middle，vertical-align:top。
img{vertical-align:bottom;}
2、定义容器里的字体大小为0。
div {
width:110px;
border:1px solid #000000;
font-size:0
}
最后看看效果：
评论列表