摘要: http://jsfiddle.net/joya0411/S8N2j/3/embedded/result/word-wrap:normal(默认)/break-word;希望超长英文/网址,在下一行显示,显示不下折行,使用:word-wrap:break-word;word-break:normal(默认)/break-all/keep-all(chrome不支持)希望超长英文/网址,立即折行显示(全部显示在容器内),使用: word-break:break-all; =>不利用阅读超长文本/英文/网址,遇到'-/空格'才折行显示,否则在一行显示,keep-allwhit 阅读全文
posted @ 2014-03-11 18:35 joya 阅读(171) 评论(0) 推荐(0) 编辑
摘要: 知识点总结瀑布流原理(固定布局) 总宽度大小固定 每列宽度固定,比如LI,高度自动计算,每列使用float:left来布局 计算最短的一列,将Div插到最短的一列处(li里面包div)(getShort函数) 即 鼠标滚轮事件(window.scroll): 判断:当最短的LI的高度+LI到页面顶部的高度(getTop函数) < 滚动条高度+可视区的高度,需要加载另外一批的数据 注意:由于scroll的连续触发的事件,会导致加载了N批数据,解决办法需要用到boolean来判断,每次只加... 阅读全文
posted @ 2014-03-11 13:18 joya 阅读(245) 评论(0) 推荐(0) 编辑