使用换行符时删除HTML元素之间的空格

Question

我有一行大约10 imgs的页面。为了提高HTML的可读性，我想在每个img标签之间插入一个换行符，但是这样做会在图像之间呈现空白，这是我所不希望的。有什么我可以在标签的中间，而不是在它们之间做中断除外？编辑：这是到目前为止我的屏幕截图。我希望使用PHP以随机组合显示书脊图像。这就是为什么我需要单独的img标签。

Answer 1

您可以使用CSS。在图像上设置display：block或float：left将使您可以定义自己的间距并按需要设置HTML格式，但会以可能适合或不合适的方式影响布局。

否则，您将处理内联内容，因此HTML格式很重要-因为图像将有效地像单词一样。

Answer 2

对不起，如果这是旧的，但我刚刚找到了解决方案。

尝试将其设置font-size为0。这样，图像之间的空白宽度将为0，并且图像不会受到影响。

不知道这是否适用于所有浏览器，但我尝试使用Chromium并尝试使用某些<li>元素display: inline-block;。

Answer 3

您可以使用注释。

 <img src="..." alt="..."><!--

 --><img src="..." alt="..."><!--

 --><img src="..." alt="..."><!--

 --><img src="..." alt="...">

我会担心并排放置一系列图像的语义。