| | | 1,123

max-width 防止图片撑破容器

1
2
3
4
 img {
  display:inline-block;
  max-width: 100%;
}

pointer-event 禁用事件,该属性可以做以下事：

阻止任何点击动作的执行;
使链接显示为默认光标（cursor:default）;
阻止触发hover和active状态;
阻止JavaScript点击事件的触发;

1
2
//使用该类，任何点击事件将无效
.disabled { pointer-events: none; }

overflow 清楚浮动

overflow除了定义溢出元素内容区的内容会如何处理外，还可以创建块格式化上下文，清除浮动。

1
2
3
4
<div class="clearfix">
  <div class="left">left</div>
  <div class="right">right</div>
</div>
1
2
3
.clearfix {
   overflow: hidden;
}

user-select 禁用文本选中

IE6-9不支持该属性，可以通过给body添加onselectstart="return false;"的内联JavaScript语句搞定。

1
2
3
body{
  user-select: none; //页面中的文本不能被选中
}
阅读全文 »