消除行内元素空白

display:inline-block时,相互间会出现空白,其大小为三分之一font-size,其来源是代码内的换行符/空格,可以通过以下方法消除
  1. 代码里写成一行
  2. 父元素font-size:0
  3. 将第二个元素的margin-left设置为-0.333333em即可。
  4. 将letter-spacing设为-0.333333em即可。
  5. 使用Html注释 (推荐使用)
左侧行内元素右侧行内元素

你可能感兴趣的:(消除行内元素空白)