html转为行内元素,html行内元素转换为inline-block元素换行产生边距

今天再次遇到行内元素转换为inline-block后换行产生距离的问题(也许不止有行内元素，其他的没有遇到)，然后就找了一个解决办法，原文可以参考http://www.cnblogs.com/PeunZhang/archive/2012/09/28/2706094.html

我也总结一下

结构：

字符产生间距

字符产生间距

字符产生间距

字符产生间距

字符产生间距

字符产生间距

样式：

html{

-webkit-text-size-adjust:none;/* 使用webkit的私有属性，让字体大小不受设备终端的调整，可定义字体大小小于12px */

}

.span-wrap {

font-size:0;/* 所有浏览器 */

*word-spacing:-1px;/* 使用word-spacing 修复 IE6、7 中始终存在的 1px 空隙，减少单词间的空白(即字间隔) */

}

.span-wrap span{

font-size: 12px;

letter-spacing: normal;/* 设置字母、字间距为0 */

word-spacing: normal; /* 设置单词、字段间距为0 */

}

原文：http://www.cnblogs.com/mumuyuexi/p/5760947.html