浏览器将代码中的换行符作为空格（HTML）

Question

我有6张尺寸为50x50的图像，应该适合300px div（50 * 6 = 300）。 在我的代码中，我写如下：

<img src="foo.png" />
<img src="foo.png" />
<img src="foo.png" />
<img src="foo.png" />
<img src="foo.png" />
<img src="foo.png" />

请注意图片代码之间的换行符。为了清楚起见，我就是这样写的。 问题是，当我在浏览器中测试页面时 - 图像不合适，因为浏览器为每个换行符添加了一个空格，所以我最终会得到这样的结果：

[img][space][img][space][img][space][img][space][img][space][img][space]

而不是：

[img][img][img][img][img][img]

我可以轻松地从我的html中删除换行符，但这会使我的代码的可读性降低很多。 我在Ruby on Rails 2.3上工作 - 如果有一个帮助函数来删除空格，我不介意使用它。

我想知道是否有人知道如何避免这种情况。

谢谢！

Answer 1

如果您正在使用image_tag助手，则可以执行

-%>不会在输出中包含空格。

Answer 2

将您的图片放在<div class="images">中，并将您的css规则设置为div.images img { float: left }。