1、截字
white-space: no-wrap;
overflow: hidden;
text-overflow: ellipsis;
2、 使文字抗锯齿
-webkit-font-smoothing:antialiased ;
-webkit-font-smoothing:none;
3、 设置滚动条的样式
::-webkit-scrollbar{width:6px;
}
::-webkit-scrollbar-track{ background-color:#F5F5F5;
}
::-webkit-scrollbar-thumb{background-color:#8B95A9;
border-radius:3px;
}
::-webkit-scrollbar-button{display: none;
}
4、 内联块多行居中、换行(宽高必须固定 )
width: 88px;
height: 63px;
display: table-cell;
vertical-align: middle;
word-break: break-all;
【CSS常用小点】
5、避免多次提交
pointer-events: none;
6、撑开高度
Position: absoulte;
Top: 0;
Left: 0;
Right: 0;
Bottom: 0;
7、CSS下兼容性的元素水平/垂直翻转实现(兼容ie9及以上)
/*水平翻转*/
.flipx {
-moz-transform:scaleX(-1);
-webkit-transform:scaleX(-1);
-o-transform:scaleX(-1);
transform:scaleX(-1);
/*IE*/
filter:FlipH;
}
/*垂直翻转*/
.flipy {
-moz-transform:scaleY(-1);
-webkit-transform:scaleY(-1);
-o-transform:scaleY(-1);
transform:scaleY(-1);
/*IE*/
filter:FlipV;
}