随笔分类 -  CSS

摘要:强制不换行 div{ white-space:nowrap; } /*自动换行*/ div{ word-wrap: break-word; word-break: normal; } 强制英文单词断行 div{word-break:break-all;} CSS设置不转行: overflow:hid 阅读全文
posted @ 2012-08-27 09:57 李荣飞 阅读(510) 评论(0) 推荐(0)
摘要: 阅读全文
posted @ 2012-08-05 18:40 李荣飞 阅读(187) 评论(0) 推荐(0)
摘要:通常我们的需求就是让div中的元素不换行举个例子<ul> <li><img src="img.gif" /></li> <li><img src="img.gif" /></li> <li><img src="img.gif" /></li> <li><img src="img.gif" /></li> <li><img src="i 阅读全文
posted @ 2012-07-20 19:41 李荣飞 阅读(31522) 评论(1) 推荐(0)
摘要:对于滚动有两种事件1就是滚动事件,2就是滚轮事件,下面是两者区别滚动事件 监听方法onscroll,(火狐是去掉on),意思是当元素出现滚动条,并且滚动滚动条时,才会触发,不管是通过滚轮,还是直接拉的滚动条滚轮事件 监听方法:ie和火狐不同 ie是scrollwheel,火狐是DOMMouseScroll 可以写一个兼容函数function wheel_event(elem,func){ if(elem.attachEvent){ elem.attachEvent("onmousewheel",func); }else if(elem.addEventListener... 阅读全文
posted @ 2012-06-04 15:14 李荣飞 阅读(4595) 评论(0) 推荐(0)
摘要:再用css min-height的时候,要注意此属性没有继承 传递性举个例子<div style="min-height:600px"><div style="height:100%"></div></div>上面几行代码的意图是 父div最小高度是600px 子div因为高度设置成100%;因此它的高度最小也应该是600;实际情况并非如此,父div的最小高度对于子div是不可见的,也就是说如果父div只设置了最小高度,子div就算height设置成了100%;但是其高度依然是0解决办法是同样设置子div的 阅读全文
posted @ 2012-04-14 15:50 李荣飞 阅读(1514) 评论(0) 推荐(0)