CSS常用小点
1327 ワード
1、文字を切る
2、
テキストのアンチエイリアシング
3、
スクロールバーのスタイルの設定
4、
インラインブロックの複数行の中央、行の折り返し(幅と高さは固定する必要があります)
)
5、複数回の提出を避ける
6、高さを広げる
7、CSS下での互換性の要素水平/垂直反転実現(ie 9以上の互換性)
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;
}