一些瑣碎點

img標籤的特殊之處

屬於行內替換元素，可設置width height margin padding。一行可放置多張圖片。
只設置設置width，height會根據比例進行縮放。在移動App開發中常常會用到。

使用offset注意點

zepto中的offset()方法用於獲取元素在頁面的位置，使用時最好放在load方法中。由於頁面中還沒加載徹底的元素(好比未定高的圖片)會影響offset()對位置的計算。

圖標、文字對不齊

有時候可使用vertical-align，使用像素值做爲值進行微調,如vertical-align: 2px

使用translate居中

demo: http://jsfiddle.net/c3dgsrbr/

<div class="wrap">
   <div class="center"></div>
</div>

.wrap{
     width: 400px;
     height: 400px;
     background-color: #add8e6;
     position: relative;
 }
.center{
    width: 100px;
    height: 100px;
    position: absolute;
    background-color: #FFF;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

歡迎討論交流！若是文章對你有幫助，點下面的推薦鼓勵下唄(๑>؂<๑）