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;

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




    推荐阅读