今天久違的把我最喜歡的設計師的圖刻完，關於頁面
遇到一個很久沒碰到的問題（因為最近大量使用flex去排版XD），行內塊級的間距，會因元素HTML標籤間的空白、換行及Tab字元將佔用一格空間（依HTML規範，連續多個空白只會保留一個）
Bu
<div class="test"><span>嘿嘿</span><span>喔喔</span><span>測測</span>
</div>
margin-right: -6px;
way2 demo
But 各瀏覽器都會有不同空隙值
例如有些是要用-4px
float: left
目前看來此方法是最快解決
如果要用float: right，再用clear:both或clear:left清除設定~
way3 demo
下圖就是幸福銅鏡關於頁面遇到的情況
接下來的目標就是加入pwa囉
iThome鐵人賽
看影片追技術