去除inline-block间距有哪几种方法？

1).去除inline-block间距有哪几种方法？

• 移除空格： 元素标签中间的空格去掉(缺点：html变丑)
• 使用margin负值：通过设置复制去间隙(缺点：手段hack & 环境不确定，故不通用)
• 让闭合标签吃胶囊：去掉前几个元素的结束标签，只留下最后一个结束标签(简单实用)
• font-size:0: 已废弃，由于Chrome最小字体支持有限制。
• letter-spacing: 缩小inline-block元素父级元素的字符间距
• word-spacing: 缩小inline-block元素父级元素的单词间距

• yui3:

  .yui3-g { /* 设置父级元素的字符间距，保证浏览器兼容性 */
      letter-spacing: -0.31em; /* webkit */
      *letter-spacing: normal; /* IE < 8 重置 */
      word-spacing: -0.43em; /* IE < 8 && gecko */}.yui3-u {    display: inline-block;    zoom: 1; *display: inline; /* IE < 8: 伪造 inline-block */
      letter-spacing: normal;    word-spacing: normal;    vertical-align: top;
  }

• RayM提供的：

  li {    display:inline-block;    background: orange;    padding:10px;    word-spacing:0;
      }ul {  /* 设置父级元素的字符间距，保证浏览器兼容性 */
      width:100%;    display:table;  /* 调教webkit*/
      word-spacing:-1em;
  }.nav li { *display:inline;}