内联元素与内联块状元素

HTML 中常见的内联元素：<a>、<span>、<label>、<br>、<em>、<i>、<strong>、<q>、<var>、<cite>、<code>；或display:inline设置的元素。                     

  内联元素特点：1、和其他元素都在一行上；
                     2、元素的高度、宽度及顶部和底部边距不可设置；
                     3、元素的宽度就是它包含的文字或图片的宽度，不可改变。

HTML 中常见的内联块状元素：<img>、<input>；或display:inline-block设置的元素

inline-block 元素特点：1、和其他元素都在一行上；
                               2、元素的高度、宽度、行高以及顶和底边距都可设置。

inline元素和inline-block默认都会有间距。

 下面总结了几条去除inline元素和inline-block元素间距的方法：

1、可以在html中直接把元素写在一行上；

    或把第一个的闭合标签和第二个的开始标签写在一行；

    或直接去掉闭合标签但最后一个不能去掉；

    或两行间添加注释。
2、设置margin-right为负值，但要考虑上下文的字体和文字大小。
3、先设定子元素字体，再设置父元素font-size:0px,chrome中：-webkit-text-size-adjust:none;

(内联元素是当做字体来处理的，字体之间会有间隔，所以内联元素之间也是有间隔的)
4、设置父元素letter-spacing或word-spacing为负值，要考虑字体，子元素有文字也要注意设置letter-spacing或word-spacing的值。