一些噜苏点

2024年3月30日 108次阅读 来源: 云贤力

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%);
}

迎接议论交换！假如文章对你有协助，点下面的引荐勉励下呗(๑>؂<๑）

    原文作者：云贤力
    原文地址: https://segmentfault.com/a/1190000003701337
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞