常用css设置

清除浮动

.clearfix:before, .clearfix:after {
　　content: "";
　　display: table;
}

.clearfix:after {
　　clear: both;
}

.clearfix {
　　zoom: 1;
}

 

显示一句，其余省略号表示

span{
　　display: block;
　　150/@px2rem;
　　overflow: hidden;
　　white-space: nowrap;
　　text-overflow: ellipsis;
}

指定显示几行
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;

 

长按可复制效果
-webkit-user-select:text !important;

 

safari中去掉input submit 等的圆角
-webkit-appearance:none;
border-radius:0;

 

手机端禁止复制粘贴

*{
　　-webkit-touch-callout:none; /*系统默认菜单被禁用*/
　　-webkit-user-select:none; /*webkit浏览器*/
　　-khtml-user-select:none; /*早期浏览器*/
　　-moz-user-select:none;/*火狐*/
　　-ms-user-select:none; /*IE10*/
　　user-select:none;
}

IOS 上会有问题的，这个时候你会发现input 框无法正在输入了内容了
input {
　　-webkit-user-select:auto; /*webkit浏览器*/
}

 

ps保存切片快捷键Ctrl+Alt+Shift+s

 

居中显示图像

img{
　　display:block;
　　margin:0 auto;
}