Question

html源码中的换行变成页面中的空格

是这样的，第一次做网页，如果代码中有换行，元素间就会有空格，怎么解决这个问题？

代码是否整洁涉及到后期维护的难易程度，不想在将来对页面做整顿的时候被乱七八糟的代码搞的头乎脑胀，所以希望代码整洁一点。
例如：
<img src="adfsdf.gif">
<img src="adfsdf.gif">
<img src="adfsdf.gif">
在页面中显示三个图片，但这三个图片之间会出现两个空格，像这样。
图 图 图
如果代码变成
<img src="adfsdf.gif"><img src="adfsdf.gif"><img src="adfsdf.gif">
则显示结果为：
图图图
这样做虽然每个图片之间没有了间隙，但代码阅读上就比较困难了。
如果在多加一个便签。
<a href="链接" target="_blank"><img src="adfsdf.gif"></a><a href="链接" target="_blank"><img src="adfsdf.gif"></a><a href="链接" target="_blank"><img src="adfsdf.gif"></a>
更加乱了，如何使代码整洁，元素之间还没有空格？

也就是代码是这样：
<a href="链接" target="_blank"><img src="adfsdf.gif"></a>
<a href="链接" target="_blank"><img src="adfsdf.gif"></a>
<a href="链接" target="_blank"><img src="adfsdf.gif"></a>

但显示结果是这样：
图图图
图片之间没有间隙

希望高手解答，在百度搜了变天都没有结果，自己也尝试过解决办法了，实在没脾气了。

Answer 1

<a href="链接" target="_blank"><img src="adfsdf.gif"></a>
<a href="链接" target="_blank"><img src="adfsdf.gif"></a>
<a href="链接" target="_blank"><img src="adfsdf.gif"></a>

这样写本来就可以的，如果你那里显示错误的话，可以加上宽度。<a href="链接" target="_blank"><img src="adfsdf.gif" width="40px"></a>这样试下。

代码中的换行是用<br>来控制的。空格是用nbsp;前面还有个&来控制的。

Answer 2

在head标签中加一段
<style type="text/css">
img
{
float:left;
}
</style>
就可以了

Answer 3

<img src="adfsdf.gif"><img src="adfsdf.gif"><img src="adfsdf.gif">
和
<img src="adfsdf.gif">
<img src="adfsdf.gif">
<img src="adfsdf.gif">
有啥区别
你还是直接把想要实现的效果说出来吧