4.[幸福铜镜] 去除inline-block元素间间距

今天久违的把我最喜欢的设计师的图刻完，关于页面

遇到一个很久没碰到的问题（因为最近大量使用flex去排版XD），行内块级的间距，会因元素HTML标籤间的空白、换行及Tab字元将佔用一格空间（依HTML规範，连续多个空白只会保留一个）

简易範例展示

解法一 直接去除空白字元啰～

<div class="test"><span>嘿嘿</span><span>喔喔</span><span>测测</span></div>

way1 demo

解法二 设定margin负值

margin-right: -6px;

way2 demo
But 各浏览器都会有不同空隙值
例如有些是要用-4px

解法三 利用float

float: left

目前看来此方法是最快解决
如果要用float: right，再用clear:both或clear:left清除设定~
way3 demo

下图就是幸福铜镜关于页面遇到的情况

目前的幸福铜镜关于页面

接下来的目标就是加入pwa啰