CSS常用小点

1327 ワード

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下での互換性の要素水平/垂直反転実現(ie 9以上の互換性)
	/*    */
.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;
}