a标签样式问题

1. 起因： 使用第三类样式库时，用JS加载的按钮之间无间隔，html文档中的按钮之间有间隔

2. 分析： 起初以为是样式库中定义了全局样式，打开开发者模式未发现相关样式。分析可能和浏览器有关。

3.  试验可知如下两种方式效果不同

<a href="#">1</a>
<a href="#">1</a>

<a href="#">1</a><a href="#">1</a>

4. 故可在JS代码中添加换行，得到相同样式

$('body').append('<a href="#">1</a>\r<a href="#">1</a>')

5. 经测试，div等其它元素同样有这个问题，除上述解决方案外，可给父元素设置font-size: 0;解决该问题（子元素需手动设置font-size）。

至此。