标签之间产生间距的原因不外乎这几种:代码换行、tab(制表符)、空格。接来下将用一个案列来说。
解决办法一:把a标签的代码显示为一行,然后再html页面刷新浏览器查看效果,发现a标签之间的间距不见了。但是这种让代码的可阅读性降低,不建议使用
解决办法二:把a标签还是恢复为每个标签显示一行,然后设置a标签父类的样式为:font-size:0;接着把a标签的字体样式设置为:font-size:14px; 可以发现间距消失。【我使用的方法!】
解决办法三:使用css3样式属性display:flex设定水平垂直居中,父元素样式属性display:flex;子元素使用margin:auto;未知子元素高度的时候依然可以使用。