关于inline-block的使用

在手机端移动网页开发中我不喜欢使用浮动布局，所以使用一些其他的，比如inline-block;

问题：在inline-block使用过程中发现，长度有时候总是不受控制，比如70%+30%！=100%而自动换行的问题。

解决：发现两个inline-block之间如果有留白，则就会出现上面的问题，

解决办法一：标签之间定格写，取消空白，问题能解决，但是编码缩进不好，不好看；

解决办法二：在上层盒子中设置font-size:0；

解决办法三：letter-spacing负值；

具体参考了网文：
http://www.zhangxinxu.com/wordpress/2010/11/拜拜了浮动布局-基于displayinline-block的列表布局/
补充： vertical-align属性对于inline-block元素是有作用的！  理解为对行内元素有效（inline， inline-block）