2015年5月13日

设置list-style-position,li元素嵌套块元素时,Firefox浏览器布局失效处理

摘要: 将ul列表样式符号放到列表内,很自然地想到设置list-style-position:inside。但当li元素嵌套有块元素时,Firefox下悲剧了。查看:http://codepen.io/xiaoyewen/pen/KpzMLOFirefox下的效果成了这样的,Chrome与IE好好的看来不能... 阅读全文

posted @ 2015-05-13 16:26 果之因 阅读(572) 评论(0) 推荐(0)

2015年5月12日

元素并列时,CSS控制边框不重叠显示

摘要: 一、父级设置边框,并设置溢出时隐藏。设置子元素的高度稍高于父元素,子元素只设置两边边框,实现子元素被边框包围效果而不出现边框重叠。二、使用nth-child伪类来实现。 1、所有元素设置左/下边框。 2、第一行元素设置上边框 3、每行最末元素设置右边框三、直接设置元素四个方向的边框,但通过左... 阅读全文

posted @ 2015-05-12 15:16 果之因 阅读(1948) 评论(0) 推荐(0)

2015年4月29日

知识点记录

摘要: 1. 函数构造器 new Function(arg1,arg2, ... argN,functionBody); 方法主体是字符串,定义在最后一个参数。这种通过使用文本访问javascript解析引擎的方式,性能低下。相似使用如eval,setTimeout,setInterval。2. with语... 阅读全文

posted @ 2015-04-29 10:03 果之因 阅读(178) 评论(0) 推荐(0)

2015年3月30日

小问题集锦2

摘要: 1. line-height优先使用"数字"设值,小心百分比与em设置带来意外效果 百分比与em,CSS继承的是计算好的结果,而不是简单的值。 参考:https://developer.mozilla.org/en-US/docs/Web/CSS/line-height2. line-heigh... 阅读全文

posted @ 2015-03-30 11:46 果之因 阅读(143) 评论(0) 推荐(0)

ionic框架字体图标

摘要: Ionic移动框架使用的开源图标展示地址:http://ionicons.com/ 阅读全文

posted @ 2015-03-30 09:56 果之因 阅读(211) 评论(0) 推荐(0)

2015年3月26日

Underscore.js学习笔记

摘要: 1. 缓存原型,考虑访问速度var push = ArrayProto.push, slice = ArrayProto.slice, concat = ArrayProto.concat, toString ... 阅读全文

posted @ 2015-03-26 15:46 果之因 阅读(132) 评论(0) 推荐(0)

2015年3月24日

多行文本溢出显示省略号

摘要: 一、在Webkit浏览器可以直接使用WebKit的CSS扩展属性-webkit-line-clamp,但这是一个不规范的属性,它没有出现在CSS规范草案中 -webkit-line-clamp用来限制在一个块元素显示的文本的行数 为了实现该效果,它需要组合其他的WebKit属性。 常见结合属性... 阅读全文

posted @ 2015-03-24 11:59 果之因 阅读(295) 评论(0) 推荐(0)

2015年3月17日

小问题集锦

摘要: 记录一些工作学习中遇到的问题及解决方法,如果有不对的地方,欢迎指出,共同进步!1. 用什么方法删除数组元素?var arr=[1,2,3,4];delete arr[3]; // arr = [1,2,3,undefined]arr.splice(3,1); // arr = [1,2,3]//ar... 阅读全文

posted @ 2015-03-17 12:50 果之因 阅读(176) 评论(0) 推荐(0)

导航