公共样式 

 1 .fn-clear {
 2   *zoom: 1;
 3 }
 4 
 5 .fn-clear:before,
 6 .fn-clear:after {
 7   content: '';
 8   display: table;
 9 }
10 
11 .fn-clear:after {
12   clear: both;
13 }
14 
15 .fn-left {
16   float: left;
17 }
18 
19 .fn-right {
20   float: right;
21 }
22 
23 .fn-hide {
24   display: none;
25 }
26 
27 .fn-show {
28   display: block;
29 }
30 
31 .text-left {
32   text-align: left;
33 }
34 
35 .text-center {
36   text-align: center;
37 }
38 
39 .text-right {
40   text-align: right;
41 }
42 
43 *, :after, :before {
44   -webkit-box-sizing: border-box;
45   -moz-box-sizing: border-box;
46   -ms-box-sizing: border-box;
47   -o-box-sizing: border-box;
48   box-sizing: border-box;
49   -webkit-tap-highlight-color: transparent;
50   -moz-tap-highlight-color: transparent;
51   -ms-tap-highlight-color: transparent;
52   -o-tap-highlight-color: transparent;
53   tap-highlight-color: transparent;
54 }
55 
56 .no-select {
57   -webkit-user-select: none;
58   -moz-user-select: none;
59   -ms-user-select: none;
60   -o-user-select: none;
61   user-select: none;
62 }
63 
64 .no-appear {
65   -webkit-appearance: none;
66   -moz-appearance: none;
67   -ms-appearance: none;
68   -o-appearance: none;
69   appearance: none;
70 }
71 
72 .no-wrap {
73   overflow: hidden;
74   white-space: nowrap;
75   text-overflow: ellipsis;
76 }
77 
78 body, html, #app {
79   width: 100%;
80   height: 100%;
81   margin: 0;
82   padding: 0;
83   -webkit-text-size-adjust: none;
84 }

 

posted @ 2020-06-11 11:09  xlsdg  阅读(91)  评论(0)    收藏  举报