CSS常用小点

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;

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;}