[分享]css两张图片去掉空白

在网页中，我们经常会遇到需要将图片排列在一起的情况，然而这时候经常会出现两张图片之间有一个很明显的空白，影响美观性。要想去掉这个空白，需要使用CSS。方法一：img { display: block;...

在网页中，我们经常会遇到需要将图片排列在一起的情况，然而这时候经常会出现两张图片之间有一个很明显的空白，影响美观性。要想去掉这个空白，需要使用CSS。

方法一：

img {
  display: block;
  float: left;
} 

这种方法是给图片添加浮动和块级显示，使其可以紧密排列在一起，消除空白。

方法二：

img {
  font-size: 0;
} 

这种方法是将图片的字体大小设置为0，使得图片之间的空白不会显示出来。但是需要注意的是如果在图片后还要添加文本的话，可能会出现文本不可见的情况。