消除行内元素空白

display:inline-block时，相互间会出现空白，其大小为三分之一font-size，其来源是代码内的换行符/空格，可以通过以下方法消除
  1. 代码里写成一行
  2. 父元素font-size:0
  3. 将第二个元素的margin-left设置为-0.333333em即可。
  4. 将letter-spacing设为-0.333333em即可。
  5. 使用Html注释 (推荐使用) 
<div>
  <span style="display:inline-block">左侧行内元素</span><!-- 消除换行导致的空白
--><span style="display:inline-block">右侧行内元素</span>
</div>
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。