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


你可能感兴趣的:(CSS常用小点)