图像之间无差距

Question

左右照片之间会有差距。我如何产生无间隙？我尝试使用浮动和显示似乎不可行？

echo '<li><a href="'.$row['id'].'"><img alt="'.$row['username'].'" src="photo/'.$phm.'"></img></a></li>';

Answer 1

没有足够的代码可以查看是否很难确定究竟是什么导致了这个差距。尝试重置你的li，img和标签，看看它是否有帮助。将其添加到css文件的顶部。

li, a, img{
 padding:0;
 margin:0;
 border:0;
}

如果这不起作用。您需要发布更多代码才能查看。

Answer 2

如果li已经浮动，请将display: block添加到您的图片

Answer 3

如果由于标记中的空格（新行或空格）而使用内联块显示的li之间存在间隙，则可以通过在包含元素上使用font-size：0来删除它。