如何消除html标签换行产生的空格对页面的影响

研究如何消除HTML标签换行产生的空格如何消除

刚刚遇到一个问题，我是在仿照淘宝主页的，字体和字号，包括margin和padding以及页面的宽度都是一致的，但是显示效果不一样

仔细研究了一下页面才发现，我并没有给a标签设置margin-left和padding-left，以及我的文件中标签内部也没有误输空格，那么如图中的这个缝隙应该是换行导致的空格

照着上面的猜想我就试着将前两个a标签放到一行，不出所料，缝隙消失

但是上面把标签放到一行的方法不利于代码的美观，并且影响后面的继续编辑

后面有摸索出两个解决方案

思路一：浮动的元素之间是没有缝隙的

因为想到浮动的元素是紧贴在一起的，我就将所有的a标签添加了一个float: left;，果不其然，缝隙消失，实现了我的目的

思路二：将空格的大小变为0

因为文件最开