资讯专栏INFORMATION COLUMN

一些琐碎点

notebin / 554人阅读

摘要:标签的特殊之处属于行内替换元素,可设置。一行可放置多张图片。只设置设置,会根据比例进行缩放。使用注意点中的方法用于获取元素在页面的位置,使用时最好放在方法中。

img标签的特殊之处

属于行内替换元素,可设置width height margin padding。一行可放置多张图片。
只设置设置widthheight会根据比例进行缩放。在移动App开发中经常会用到。

使用offset注意点

zepto中的offset()方法用于获取元素在页面的位置,使用时最好放在load方法中。因为页面中还没加载完全的元素(比如未定高的图片)会影响offset()对位置的计算。

图标、文字对不齐

有时候可以使用vertical-align,使用像素值作为值进行微调,如vertical-align: 2px

使用translate居中

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

 .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://www.ucloud.cn/yun/85947.html

相关文章

  • 重玩 vim 之琐碎记录——插件管理程序

    摘要:根据我以往的经验,先搞定一个基本的,然后再安装一个插件管理,就能很轻松完成配置了。在终端运行这行代码然后把下面的配置粘贴进,打开,可以安装插件了,操作如下启动,运行 根据我以往的经验,先搞定一个基本的 vimrc,然后再安装一个插件管理,就能很轻松完成 vim 配置了。所以 google,看过一个知乎用户的回答,懒惰的我选择了以前就用过的 vundle。 小插曲 其实由于我借用的那个 ...

    Forelax 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<