会员
周边
众包
新闻
博问
闪存
赞助商
所有博客
当前博客
我的博客
我的园子
账号设置
简洁模式
...
退出登录
注册
登录
on the way
博客园
首页
新随笔
联系
管理
订阅
2017年2月20日
百度地图JS API不能使用position:fixed
摘要: 用于放置百度地图的dom元素及其任何一级父元素设置position:fixed属性时,js会报如下错误: Uncaught TypeError: Cannot read property 'offsetLeft' of null 解决办法:对地图使用position:absolut模拟fixed样式
阅读全文
posted @ 2017-02-20 15:45 瑞way
阅读(1532)
评论(0)
推荐(0)
编辑
2016年3月15日
Linux常用命令
摘要: chgrp user filename 改变文件filename的用户组为user(用户组名user在etc/group中已存在) chgrp –R user filename 连同子目录下的所有文件、目录都更新为user用户组,常用在更改某一目录内所有文件的情况(同上) chown 用号名 文件
阅读全文
posted @ 2016-03-15 17:40 瑞way
阅读(197)
评论(0)
推荐(0)
编辑
2016年1月12日
利用伪元素做蒙层
摘要: 注意:1.若该元素为块级元素,则其伪元素的宽高继承自该元素。2.若想对文字位置调整,可对其设置box-sizing: border-box,再通过padding来调整位置。3.还可对伪元素设置背景图片,并通过设置background-position为百分数,使背景图片在蒙层内调整位置。 ...
阅读全文
posted @ 2016-01-12 18:08 瑞way
阅读(1136)
评论(0)
推荐(0)
编辑
2015年12月28日
图片大于父元素时的居中
摘要: 原图:1.当图片的宽固定,高度自适应,父元素的高度小于图片高度时,使图片在父元素中垂直居中: 2.当图片的高固定,宽度自适应,父元素的宽度小于图片宽度时,使图片在父元素中水平居中: .hor { position:re...
阅读全文
posted @ 2015-12-28 20:30 瑞way
阅读(679)
评论(0)
推荐(0)
编辑
2015年12月10日
nth-of-type和nth-child
摘要: 一、nth-of-type、nth-child:nth-of-type(n) 选择器匹配属于父元素的特定类型的第 N 个子元素的每个元素。:nth-child(n) 选择器匹配属于其父元素的第 N 个子元素,不论元素的类型。二、区别1.用于元素节点E:nth-of-type(n) E元素的父元素的子...
阅读全文
posted @ 2015-12-10 10:49 瑞way
阅读(1503)
评论(0)
推荐(1)
编辑
2015年12月1日
移动端图片轮播—swipe滑动插件
摘要: swipe是一个轻量级的移动滑动组件,它可以支持精确的触滑移动操作,能解决移动端对滑动的需求。swipe插件的使用主要有四大块:一、html 1 2 3 1.最外层的div的id是自定义的,这个是需要传入到swipe中的2.最外层div的class="swipe"和第二层di...
阅读全文
posted @ 2015-12-01 19:30 瑞way
阅读(23087)
评论(0)
推荐(0)
编辑
延迟加载图片并监听图片加载完成
摘要: 要求: 图片延迟加载。未加载完显示加载中。监听图片加载完后,加载中消失。 demo:
阅读全文
posted @ 2015-12-01 14:02 瑞way
阅读(451)
评论(0)
推荐(0)
编辑
2015年11月2日
css sprites 多张图片整合在一张图片上
摘要: 一、什么是css spritescss sprites直译过来就是CSS精灵。通常被解释为“CSS图像拼合”或“CSS贴图定位”。其实就是通过将多个图片融合到一张图里面,然后通过CSS background背景定位技术技巧布局网页背景。这样做的好处也是显而易见的,因为图片多的话,会增加http的请求...
阅读全文
posted @ 2015-11-02 16:49 瑞way
阅读(8583)
评论(1)
推荐(1)
编辑
不同tab下的列表长度不同,tab的样式和底部的位置不同
摘要: 要求:当点击不同的tab时,被点击的tab样式不同,产生不同的列表。当列表长度大于屏幕高度时,底部随列表显示;当列表长度小于屏幕高度时,底部固定在屏幕的底部。demo: This is head. 1111 2222 3333 f...
阅读全文
posted @ 2015-11-02 15:01 瑞way
阅读(761)
评论(1)
推荐(0)
编辑
移动端多行文本溢出省略
摘要: 一.单行文本的溢出显示省略号(通用)text-overflow 属性规定当文本溢出包含元素时发生的事情。ellipsis显示省略符号来代表被修剪的文本。white-space 属性设置如何处理元素内的空白符。nowrap表示文本不会换行,文本会在在同一行上继续,直到遇到 标签为止。.one { ...
阅读全文
posted @ 2015-11-02 11:34 瑞way
阅读(984)
评论(0)
推荐(0)
编辑
下一页
公告