css中设置display:inline-block造成换行间距的解决方法

原因

 

因要做导航菜单,logo也同在一行,使用display:inline-block进行操作.出现间距,常用方法无法清除.

经过网上查询,使用了一个最简单的方法.

在上级元素中设置
font-size:0;/*清除使用inline-block造成换行符间隙*/
-webkit-text-size-adjust:none;/*清除换行间隔*/

 

然后子级元素记得设置文字大小.

成功解决

作一下记录.