今天久違的把我最喜歡的設計師的圖刻完,關於頁面
遇到一個很久沒碰到的問題(因為最近大量使用flex去排版XD),行內塊級的間距,會因元素HTML標籤間的空白、換行及Tab字元將佔用一格空間(依HTML規範,連續多個空白只會保留一個)
<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囉