06 2017 档案
-webkit-line-clamp超过两行就出现省略号
摘要：-webkit-line-clamp 是一个 不规范的属性（unsupported WebKit property），它没有出现在 CSS 规范草案中。 限制在一个块元素显示的文本的行数。 为了实现该效果，它需要组合其他外来的WebKit属性。常见结合属性： display: -webkit-box
阅读全文
jQuery事件委托
摘要：事件委托是通过事件冒泡的原理，利用父级去触发子级的事件。 如下html，如果不用事件委托，将每一个li都去添加click事件监听，非常麻烦。 另外就是如果通过js动态创建的子节点，需要重新绑定事件。 而利用事件委托的话，只需要给父级绑定一个事件监听，即可让每个li都绑定上相应的事件 eg： item1 item2 item3 item4 item5 ...
阅读全文
选字游戏
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>选字游戏</title> <style> #wrap{width: 400px;height: 600px;border: 1px solid red;marg
阅读全文
碰撞的小球
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> *{margin: 0;padding:0;} .one{width: 800
阅读全文
CSS兼容IE Firefox问题与解决方法
摘要：一.双边距问题浮动元素的外边距会加倍，但与第一个浮动元素相邻的其他浮动元素外边距不会加倍。解决方法：在此浮动元素增加样式 display:inline;二.图片产生的间隙父元素直接包含<img>，这个图片下方会和父元素边缘产生间隙。解绝方法：1.在源代码中让</div>和<img>在同一行，因为那个
阅读全文
