Dsiny's Blog

岁月静好,时光易老。


  • 首页

  • 标签

  • 归档

  • 关于

  • 搜索

css小细节总结

2016-08-12 | 前端| | 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; //页面中的文本不能被选中
}
阅读全文 »
1…34
Dsiny

Dsiny

16 日志
8 分类
16 标签
RSS 音乐
GitHub E-Mail
0%
© 2017 Dsiny
访问人数 总访问量