1- .cml-base{text-align:left;font-size:32rpx;letter-spacing:1rpx;font-family:BlinkMacSystemFont,Source Sans Pro,Helvetica Neue,Helvetica,Arial,sans-serif}.cml-base,.cml-base:after,.cml-base:before{box-sizing:border-box;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}page{height:100%}.cml-view,page{display:flex;flex-direction:column;align-items:stretch;align-content:flex-start}.cml-text,.cml-view,page{box-sizing:border-box;position:relative;flex-shrink:0;flex-grow:0;flex-basis:auto;border:0 solid #000;margin:0;padding:0;min-width:0}.cml-text{display:block;white-space:pre-wrap;word-wrap:break-word;overflow:hidden}.border-1px,.border-bottom-1px,.border-left-1px,.border-right-1px,.border-top-1px{position:relative}.border-1px:after,.border-bottom-1px:after,.border-left-1px:before,.border-right-1px:after,.border-top-1px:before{content:"";display:block;position:absolute;transform-origin:0 0;box-sizing:border-box;z-index:2}.border-1px:after{border:1rpx solid #ccc;left:0;top:0;width:100%;height:100%;transform-origin:0 0}.border-top-1px:before{border-top:1rpx solid #ccc;left:0;top:0;width:100%}.border-right-1px:after{border-right:1rpx solid #ccc;top:0;right:0;height:100%;transform-origin:right 0}.border-bottom-1px:after{border-bottom:1rpx solid #ccc;left:0;bottom:0;width:100%;transform-origin:0 bottom}.border-left-1px:before{border-left:1rpx solid #ccc;top:0;left:0;height:100%}.border-none:after,.border-none:before{display:none}
1+ .cml-base {
2+ text-align: left;
3+ font-size: 32rpx;
4+ letter-spacing: 1rpx;
5+ font-family: BlinkMacSystemFont, 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
6+ }
7+
8+ .cml-base,
9+ .cml-base::before,
10+ .cml-base::after {
11+ box-sizing: border-box;
12+ -webkit-text-size-adjust: none;
13+ -moz-text-size-adjust: none;
14+ -ms-text-size-adjust: none;
15+ text-size-adjust: none;
16+ }
17+
18+ page {
19+ height: 100%;
20+ }
21+
22+ page, .cml-view {
23+ display: -webkit-box;
24+ display: -webkit-flex;
25+ display: flex;
26+ box-sizing: border-box;
27+ position: relative;
28+ -webkit-box-orient: vertical;
29+ -webkit-box-direction: normal;
30+ -webkit-flex-direction: column;
31+ flex-direction: column;
32+ -webkit-flex-shrink: 0;
33+ flex-shrink: 0;
34+ -webkit-box-flex: 0;
35+ -webkit-flex-grow: 0;
36+ flex-grow: 0;
37+ -webkit-flex-basis: auto;
38+ flex-basis: auto;
39+ -webkit-box-align: stretch;
40+ -webkit-align-items: stretch;
41+ align-items: stretch;
42+ -webkit-align-content: flex-start;
43+ align-content: flex-start;
44+ border: 0 solid black;
45+ margin: 0;
46+ padding: 0;
47+ min-width: 0;
48+ }
49+
50+ .cml-text {
51+ display: block;
52+ box-sizing: border-box;
53+ position: relative;
54+ white-space: pre-wrap; /* not using 'pre': support auto line feed. 保留空白符序列，但是正常地进行换行 */
55+ word-wrap: break-word; /* 在长单词或 URL 地址内部进行换行。 */
56+ overflow: hidden; /* it'll be clipped if the height is not high enough. */
57+
58+ -webkit-flex-shrink: 0;
59+
60+ flex-shrink: 0;
61+ -webkit-box-flex: 0;
62+ -webkit-flex-grow: 0;
63+ flex-grow: 0;
64+ -webkit-flex-basis: auto;
65+ flex-basis: auto;
66+ border: 0 solid black;
67+ margin: 0;
68+ padding: 0;
69+ min-width: 0;
70+ }
71+
72+ .border-1px,
73+ .border-top-1px,
74+ .border-right-1px,
75+ .border-bottom-1px,
76+ .border-left-1px {
77+ position: relative;
78+ }
79+
80+ .border-top-1px:before,
81+ .border-left-1px:before,
82+ .border-1px:after,
83+ .border-right-1px:after,
84+ .border-bottom-1px:after {
85+ content: "";
86+ display: block;
87+ position: absolute;
88+ -webkit-transform-origin: 0 0;
89+ transform-origin: 0 0;
90+ box-sizing: border-box;
91+ z-index: 2;
92+ }
93+
94+ .border-1px:after {
95+ border: 1rpx solid #ccc;
96+ left: 0;
97+ top: 0;
98+ width: 100%;
99+ height: 100%;
100+ -webkit-transform-origin: 0 0;
101+ transform-origin: 0 0;
102+ }
103+
104+ .border-top-1px:before {
105+ border-top: 1rpx solid #ccc;
106+ left: 0;
107+ top: 0;
108+ width: 100%;
109+ }
110+
111+ .border-right-1px:after {
112+ border-right: 1rpx solid #ccc;
113+ top: 0;
114+ right: 0;
115+ height: 100%;
116+ -webkit-transform-origin: right 0;
117+ transform-origin: right 0;
118+ }
119+
120+ .border-bottom-1px:after {
121+ border-bottom: 1rpx solid #ccc;
122+ left: 0;
123+ bottom: 0;
124+ width: 100%;
125+ -webkit-transform-origin: 0 bottom;
126+ transform-origin: 0 bottom;
127+ }
128+
129+ .border-left-1px:before {
130+ border-left: 1rpx solid #ccc;
131+ top: 0;
132+ left: 0;
133+ height: 100%;
134+ }
135+
136+ .border-none:before, .border-none:after {
137+ display: none;
138+ }
0 commit comments