• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1# label<a name="ZH-CN_TOPIC_0000001209210707"></a>
2
3为input、button、textarea组件定义相应的标注，点击该标注时会触发绑定组件的点击效果。
4
5## 权限列表<a name="zh-cn_topic_0000001127284880_section11257113618419"></a>
6
7无
8
9## 子组件<a name="zh-cn_topic_0000001127284880_s0cb8fdf50d8a4f78a86bb76deec468fc"></a>
10
11不支持。
12
13## 属性<a name="zh-cn_topic_0000001127284880_s6c8b111b1d2e40b3b356f03389dad9cf"></a>
14
15除支持[通用属性](js-components-common-attributes.md)外，还支持如下属性：
16
17<a name="zh-cn_topic_0000001127284880_table20633101642315"></a>
18<table><thead align="left"><tr id="zh-cn_topic_0000001127284880_row663331618238"><th class="cellrowborder" valign="top" width="23.119999999999997%" id="mcps1.1.6.1.1"><p id="zh-cn_topic_0000001127284880_aa872998ac2d84843a3c5161889afffef"><a name="zh-cn_topic_0000001127284880_aa872998ac2d84843a3c5161889afffef"></a><a name="zh-cn_topic_0000001127284880_aa872998ac2d84843a3c5161889afffef"></a>名称</p>
19</th>
20<th class="cellrowborder" valign="top" width="23.119999999999997%" id="mcps1.1.6.1.2"><p id="zh-cn_topic_0000001127284880_ab2111648ee0e4f6d881be8954e7acaab"><a name="zh-cn_topic_0000001127284880_ab2111648ee0e4f6d881be8954e7acaab"></a><a name="zh-cn_topic_0000001127284880_ab2111648ee0e4f6d881be8954e7acaab"></a>类型</p>
21</th>
22<th class="cellrowborder" valign="top" width="10.48%" id="mcps1.1.6.1.3"><p id="zh-cn_topic_0000001127284880_ab377d1c90900478ea4ecab51e9a058af"><a name="zh-cn_topic_0000001127284880_ab377d1c90900478ea4ecab51e9a058af"></a><a name="zh-cn_topic_0000001127284880_ab377d1c90900478ea4ecab51e9a058af"></a>默认值</p>
23</th>
24<th class="cellrowborder" valign="top" width="7.5200000000000005%" id="mcps1.1.6.1.4"><p id="zh-cn_topic_0000001127284880_p824610360217"><a name="zh-cn_topic_0000001127284880_p824610360217"></a><a name="zh-cn_topic_0000001127284880_p824610360217"></a>必填</p>
25</th>
26<th class="cellrowborder" valign="top" width="35.76%" id="mcps1.1.6.1.5"><p id="zh-cn_topic_0000001127284880_a1d574a0044ed42ec8a2603bc82734232"><a name="zh-cn_topic_0000001127284880_a1d574a0044ed42ec8a2603bc82734232"></a><a name="zh-cn_topic_0000001127284880_a1d574a0044ed42ec8a2603bc82734232"></a>描述</p>
27</th>
28</tr>
29</thead>
30<tbody><tr id="zh-cn_topic_0000001127284880_row113619414438"><td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001127284880_p1740035114313"><a name="zh-cn_topic_0000001127284880_p1740035114313"></a><a name="zh-cn_topic_0000001127284880_p1740035114313"></a>target</p>
31</td>
32<td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001127284880_p1640018514431"><a name="zh-cn_topic_0000001127284880_p1640018514431"></a><a name="zh-cn_topic_0000001127284880_p1640018514431"></a>string</p>
33</td>
34<td class="cellrowborder" valign="top" width="10.48%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001127284880_p15400354439"><a name="zh-cn_topic_0000001127284880_p15400354439"></a><a name="zh-cn_topic_0000001127284880_p15400354439"></a>-</p>
35</td>
36<td class="cellrowborder" valign="top" width="7.5200000000000005%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001127284880_p2040015534315"><a name="zh-cn_topic_0000001127284880_p2040015534315"></a><a name="zh-cn_topic_0000001127284880_p2040015534315"></a>否</p>
37</td>
38<td class="cellrowborder" valign="top" width="35.76%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001127284880_p140018514433"><a name="zh-cn_topic_0000001127284880_p140018514433"></a><a name="zh-cn_topic_0000001127284880_p140018514433"></a>目标组件的属性id值。</p>
39</td>
40</tr>
41</tbody>
42</table>
43
44## 样式<a name="zh-cn_topic_0000001127284880_s5ed16ca4a52b4f8eb4c1a1e04ea9c2c4"></a>
45
46除支持[通用样式](js-components-common-styles.md)外，还支持如下样式：
47
48<a name="zh-cn_topic_0000001127284880_table1066211279710"></a>
49<table><thead align="left"><tr id="zh-cn_topic_0000001127284880_row46621427876"><th class="cellrowborder" valign="top" width="23.11768823117688%" id="mcps1.1.6.1.1"><p id="zh-cn_topic_0000001127284880_p146621527278"><a name="zh-cn_topic_0000001127284880_p146621527278"></a><a name="zh-cn_topic_0000001127284880_p146621527278"></a>名称</p>
50</th>
51<th class="cellrowborder" valign="top" width="14.4985501449855%" id="mcps1.1.6.1.2"><p id="zh-cn_topic_0000001127284880_p116628273714"><a name="zh-cn_topic_0000001127284880_p116628273714"></a><a name="zh-cn_topic_0000001127284880_p116628273714"></a>类型</p>
52</th>
53<th class="cellrowborder" valign="top" width="16.998300169983%" id="mcps1.1.6.1.3"><p id="zh-cn_topic_0000001127284880_p1966212272710"><a name="zh-cn_topic_0000001127284880_p1966212272710"></a><a name="zh-cn_topic_0000001127284880_p1966212272710"></a>默认值</p>
54</th>
55<th class="cellrowborder" valign="top" width="5.369463053694631%" id="mcps1.1.6.1.4"><p id="zh-cn_topic_0000001127284880_p966211271973"><a name="zh-cn_topic_0000001127284880_p966211271973"></a><a name="zh-cn_topic_0000001127284880_p966211271973"></a>必填</p>
56</th>
57<th class="cellrowborder" valign="top" width="40.01599840015999%" id="mcps1.1.6.1.5"><p id="zh-cn_topic_0000001127284880_p96621527270"><a name="zh-cn_topic_0000001127284880_p96621527270"></a><a name="zh-cn_topic_0000001127284880_p96621527270"></a>描述</p>
58</th>
59</tr>
60</thead>
61<tbody><tr id="zh-cn_topic_0000001127284880_row1566214278715"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001127284880_p2066212271673"><a name="zh-cn_topic_0000001127284880_p2066212271673"></a><a name="zh-cn_topic_0000001127284880_p2066212271673"></a>color</p>
62</td>
63<td class="cellrowborder" valign="top" width="14.4985501449855%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001127284880_p36638271178"><a name="zh-cn_topic_0000001127284880_p36638271178"></a><a name="zh-cn_topic_0000001127284880_p36638271178"></a>&lt;color&gt;</p>
64</td>
65<td class="cellrowborder" valign="top" width="16.998300169983%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001127284880_p36631727171"><a name="zh-cn_topic_0000001127284880_p36631727171"></a><a name="zh-cn_topic_0000001127284880_p36631727171"></a>#e5000000</p>
66</td>
67<td class="cellrowborder" valign="top" width="5.369463053694631%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001127284880_p1666313271878"><a name="zh-cn_topic_0000001127284880_p1666313271878"></a><a name="zh-cn_topic_0000001127284880_p1666313271878"></a>否</p>
68</td>
69<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001127284880_p4663132717711"><a name="zh-cn_topic_0000001127284880_p4663132717711"></a><a name="zh-cn_topic_0000001127284880_p4663132717711"></a>设置文本的颜色。</p>
70</td>
71</tr>
72<tr id="zh-cn_topic_0000001127284880_row12663102710714"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001127284880_p1666310276712"><a name="zh-cn_topic_0000001127284880_p1666310276712"></a><a name="zh-cn_topic_0000001127284880_p1666310276712"></a>font-size</p>
73</td>
74<td class="cellrowborder" valign="top" width="14.4985501449855%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001127284880_p156641127174"><a name="zh-cn_topic_0000001127284880_p156641127174"></a><a name="zh-cn_topic_0000001127284880_p156641127174"></a>&lt;length&gt;</p>
75</td>
76<td class="cellrowborder" valign="top" width="16.998300169983%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001127284880_p196646273713"><a name="zh-cn_topic_0000001127284880_p196646273713"></a><a name="zh-cn_topic_0000001127284880_p196646273713"></a>30px</p>
77</td>
78<td class="cellrowborder" valign="top" width="5.369463053694631%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001127284880_p766452710718"><a name="zh-cn_topic_0000001127284880_p766452710718"></a><a name="zh-cn_topic_0000001127284880_p766452710718"></a>否</p>
79</td>
80<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001127284880_p1766413271577"><a name="zh-cn_topic_0000001127284880_p1766413271577"></a><a name="zh-cn_topic_0000001127284880_p1766413271577"></a>设置文本的尺寸。</p>
81</td>
82</tr>
83<tr id="zh-cn_topic_0000001127284880_row0664127878"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001127284880_p11664112715710"><a name="zh-cn_topic_0000001127284880_p11664112715710"></a><a name="zh-cn_topic_0000001127284880_p11664112715710"></a>allow-scale</p>
84</td>
85<td class="cellrowborder" valign="top" width="14.4985501449855%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001127284880_p86643271179"><a name="zh-cn_topic_0000001127284880_p86643271179"></a><a name="zh-cn_topic_0000001127284880_p86643271179"></a>boolean</p>
86</td>
87<td class="cellrowborder" valign="top" width="16.998300169983%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001127284880_p56642027677"><a name="zh-cn_topic_0000001127284880_p56642027677"></a><a name="zh-cn_topic_0000001127284880_p56642027677"></a>true</p>
88</td>
89<td class="cellrowborder" valign="top" width="5.369463053694631%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001127284880_p8665127678"><a name="zh-cn_topic_0000001127284880_p8665127678"></a><a name="zh-cn_topic_0000001127284880_p8665127678"></a>否</p>
90</td>
91<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001127284880_p566517271977"><a name="zh-cn_topic_0000001127284880_p566517271977"></a><a name="zh-cn_topic_0000001127284880_p566517271977"></a>文本尺寸是否跟随系统设置字体缩放尺寸进行放大缩小。</p>
92<div class="note" id="zh-cn_topic_0000001127284880_note166651727377"><a name="zh-cn_topic_0000001127284880_note166651727377"></a><a name="zh-cn_topic_0000001127284880_note166651727377"></a><span class="notetitle"> 说明： </span><div class="notebody"><p id="zh-cn_topic_0000001127284880_p96651327075"><a name="zh-cn_topic_0000001127284880_p96651327075"></a><a name="zh-cn_topic_0000001127284880_p96651327075"></a>如果需要支持动态生效，请参看config描述文件中config-changes标签。</p>
93</div></div>
94</td>
95</tr>
96<tr id="zh-cn_topic_0000001127284880_row96651127874"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001127284880_p966532714714"><a name="zh-cn_topic_0000001127284880_p966532714714"></a><a name="zh-cn_topic_0000001127284880_p966532714714"></a>letter-spacing</p>
97</td>
98<td class="cellrowborder" valign="top" width="14.4985501449855%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001127284880_p26651427176"><a name="zh-cn_topic_0000001127284880_p26651427176"></a><a name="zh-cn_topic_0000001127284880_p26651427176"></a>&lt;length&gt;</p>
99</td>
100<td class="cellrowborder" valign="top" width="16.998300169983%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001127284880_p866516277712"><a name="zh-cn_topic_0000001127284880_p866516277712"></a><a name="zh-cn_topic_0000001127284880_p866516277712"></a>0px</p>
101</td>
102<td class="cellrowborder" valign="top" width="5.369463053694631%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001127284880_p15665122712718"><a name="zh-cn_topic_0000001127284880_p15665122712718"></a><a name="zh-cn_topic_0000001127284880_p15665122712718"></a>否</p>
103</td>
104<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001127284880_p176651271078"><a name="zh-cn_topic_0000001127284880_p176651271078"></a><a name="zh-cn_topic_0000001127284880_p176651271078"></a>设置文本的字符间距。</p>
105</td>
106</tr>
107<tr id="zh-cn_topic_0000001127284880_row1266517271779"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001127284880_p8666192719720"><a name="zh-cn_topic_0000001127284880_p8666192719720"></a><a name="zh-cn_topic_0000001127284880_p8666192719720"></a>font-style</p>
108</td>
109<td class="cellrowborder" valign="top" width="14.4985501449855%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001127284880_p06663271679"><a name="zh-cn_topic_0000001127284880_p06663271679"></a><a name="zh-cn_topic_0000001127284880_p06663271679"></a>string</p>
110</td>
111<td class="cellrowborder" valign="top" width="16.998300169983%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001127284880_p66668271711"><a name="zh-cn_topic_0000001127284880_p66668271711"></a><a name="zh-cn_topic_0000001127284880_p66668271711"></a>normal</p>
112</td>
113<td class="cellrowborder" valign="top" width="5.369463053694631%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001127284880_p1966622718710"><a name="zh-cn_topic_0000001127284880_p1966622718710"></a><a name="zh-cn_topic_0000001127284880_p1966622718710"></a>否</p>
114</td>
115<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001127284880_p156661927476"><a name="zh-cn_topic_0000001127284880_p156661927476"></a><a name="zh-cn_topic_0000001127284880_p156661927476"></a>设置文本的字体样式，可选值为：</p>
116<a name="zh-cn_topic_0000001127284880_ul16666271173"></a><a name="zh-cn_topic_0000001127284880_ul16666271173"></a><ul id="zh-cn_topic_0000001127284880_ul16666271173"><li>normal：标准的字体样式；</li><li>italic：斜体的字体样式。</li></ul>
117</td>
118</tr>
119<tr id="zh-cn_topic_0000001127284880_row12666127173"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001127284880_p2066662710710"><a name="zh-cn_topic_0000001127284880_p2066662710710"></a><a name="zh-cn_topic_0000001127284880_p2066662710710"></a>font-weight</p>
120</td>
121<td class="cellrowborder" valign="top" width="14.4985501449855%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001127284880_p366612271275"><a name="zh-cn_topic_0000001127284880_p366612271275"></a><a name="zh-cn_topic_0000001127284880_p366612271275"></a>number | string</p>
122</td>
123<td class="cellrowborder" valign="top" width="16.998300169983%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001127284880_p136664271275"><a name="zh-cn_topic_0000001127284880_p136664271275"></a><a name="zh-cn_topic_0000001127284880_p136664271275"></a>normal</p>
124</td>
125<td class="cellrowborder" valign="top" width="5.369463053694631%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001127284880_p366672716711"><a name="zh-cn_topic_0000001127284880_p366672716711"></a><a name="zh-cn_topic_0000001127284880_p366672716711"></a>否</p>
126</td>
127<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001127284880_p1966612271713"><a name="zh-cn_topic_0000001127284880_p1966612271713"></a><a name="zh-cn_topic_0000001127284880_p1966612271713"></a>设置文本的字体粗细，number类型取值[100, 900]，默认为400，取值越大，字体越粗。</p>
128<div class="note" id="zh-cn_topic_0000001127284880_note36663271078"><a name="zh-cn_topic_0000001127284880_note36663271078"></a><a name="zh-cn_topic_0000001127284880_note36663271078"></a><span class="notetitle"> 说明： </span><div class="notebody"><p id="zh-cn_topic_0000001127284880_p20666132718711"><a name="zh-cn_topic_0000001127284880_p20666132718711"></a><a name="zh-cn_topic_0000001127284880_p20666132718711"></a>number取值必须为100的整数倍。</p>
129</div></div>
130<p id="zh-cn_topic_0000001127284880_p5666182717710"><a name="zh-cn_topic_0000001127284880_p5666182717710"></a><a name="zh-cn_topic_0000001127284880_p5666182717710"></a>string类型取值支持如下四个值：lighter、normal、bold、bolder。</p>
131</td>
132</tr>
133<tr id="zh-cn_topic_0000001127284880_row766612271976"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001127284880_p196661427579"><a name="zh-cn_topic_0000001127284880_p196661427579"></a><a name="zh-cn_topic_0000001127284880_p196661427579"></a>text-decoration</p>
134</td>
135<td class="cellrowborder" valign="top" width="14.4985501449855%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001127284880_p86662271373"><a name="zh-cn_topic_0000001127284880_p86662271373"></a><a name="zh-cn_topic_0000001127284880_p86662271373"></a>string</p>
136</td>
137<td class="cellrowborder" valign="top" width="16.998300169983%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001127284880_p066742714719"><a name="zh-cn_topic_0000001127284880_p066742714719"></a><a name="zh-cn_topic_0000001127284880_p066742714719"></a>none</p>
138</td>
139<td class="cellrowborder" valign="top" width="5.369463053694631%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001127284880_p46671227774"><a name="zh-cn_topic_0000001127284880_p46671227774"></a><a name="zh-cn_topic_0000001127284880_p46671227774"></a>否</p>
140</td>
141<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001127284880_p166715271479"><a name="zh-cn_topic_0000001127284880_p166715271479"></a><a name="zh-cn_topic_0000001127284880_p166715271479"></a>设置文本的文本修饰，可选值为：</p>
142<a name="zh-cn_topic_0000001127284880_ul2667127575"></a><a name="zh-cn_topic_0000001127284880_ul2667127575"></a><ul id="zh-cn_topic_0000001127284880_ul2667127575"><li>underline：文字下划线修饰；</li><li>line-through：穿过文本的修饰线n</li><li>none：标准文本。</li></ul>
143</td>
144</tr>
145<tr id="zh-cn_topic_0000001127284880_row2066710275712"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001127284880_p206671427577"><a name="zh-cn_topic_0000001127284880_p206671427577"></a><a name="zh-cn_topic_0000001127284880_p206671427577"></a>text-align</p>
146</td>
147<td class="cellrowborder" valign="top" width="14.4985501449855%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001127284880_p166713271273"><a name="zh-cn_topic_0000001127284880_p166713271273"></a><a name="zh-cn_topic_0000001127284880_p166713271273"></a>string</p>
148</td>
149<td class="cellrowborder" valign="top" width="16.998300169983%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001127284880_p1366722713718"><a name="zh-cn_topic_0000001127284880_p1366722713718"></a><a name="zh-cn_topic_0000001127284880_p1366722713718"></a>start</p>
150</td>
151<td class="cellrowborder" valign="top" width="5.369463053694631%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001127284880_p1366782713713"><a name="zh-cn_topic_0000001127284880_p1366782713713"></a><a name="zh-cn_topic_0000001127284880_p1366782713713"></a>否</p>
152</td>
153<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001127284880_p106677271479"><a name="zh-cn_topic_0000001127284880_p106677271479"></a><a name="zh-cn_topic_0000001127284880_p106677271479"></a>设置文本的文本对齐方式，可选值为：</p>
154<a name="zh-cn_topic_0000001127284880_ul1466712710712"></a><a name="zh-cn_topic_0000001127284880_ul1466712710712"></a><ul id="zh-cn_topic_0000001127284880_ul1466712710712"><li>left：文本左对齐；</li><li>center：文本居中对齐；</li><li>right：文本右对齐；</li><li>start：根据文字书写相同的方向对齐；</li><li>end：根据文字书写相反的方向对齐。</li></ul>
155<div class="note" id="zh-cn_topic_0000001127284880_note3668172719712"><a name="zh-cn_topic_0000001127284880_note3668172719712"></a><a name="zh-cn_topic_0000001127284880_note3668172719712"></a><span class="notetitle"> 说明： </span><div class="notebody"><p id="zh-cn_topic_0000001127284880_p366818278713"><a name="zh-cn_topic_0000001127284880_p366818278713"></a><a name="zh-cn_topic_0000001127284880_p366818278713"></a>如文本宽度未指定大小，文本的宽度和父容器的宽度大小相等的情况下，对齐效果可能会不明显。</p>
156</div></div>
157</td>
158</tr>
159<tr id="zh-cn_topic_0000001127284880_row1666814271174"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001127284880_p466814271271"><a name="zh-cn_topic_0000001127284880_p466814271271"></a><a name="zh-cn_topic_0000001127284880_p466814271271"></a>line-height</p>
160</td>
161<td class="cellrowborder" valign="top" width="14.4985501449855%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001127284880_p46686271711"><a name="zh-cn_topic_0000001127284880_p46686271711"></a><a name="zh-cn_topic_0000001127284880_p46686271711"></a>&lt;length&gt;</p>
162</td>
163<td class="cellrowborder" valign="top" width="16.998300169983%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001127284880_p1866816277720"><a name="zh-cn_topic_0000001127284880_p1866816277720"></a><a name="zh-cn_topic_0000001127284880_p1866816277720"></a>0px</p>
164</td>
165<td class="cellrowborder" valign="top" width="5.369463053694631%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001127284880_p866814273713"><a name="zh-cn_topic_0000001127284880_p866814273713"></a><a name="zh-cn_topic_0000001127284880_p866814273713"></a>否</p>
166</td>
167<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001127284880_p126682027579"><a name="zh-cn_topic_0000001127284880_p126682027579"></a><a name="zh-cn_topic_0000001127284880_p126682027579"></a>设置文本的文本行高，设置为0px时，不限制文本行高，自适应字体大小。</p>
168</td>
169</tr>
170<tr id="zh-cn_topic_0000001127284880_row16688275710"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001127284880_p7668102717718"><a name="zh-cn_topic_0000001127284880_p7668102717718"></a><a name="zh-cn_topic_0000001127284880_p7668102717718"></a>text-overflow</p>
171</td>
172<td class="cellrowborder" valign="top" width="14.4985501449855%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001127284880_p1166816271176"><a name="zh-cn_topic_0000001127284880_p1166816271176"></a><a name="zh-cn_topic_0000001127284880_p1166816271176"></a>string</p>
173</td>
174<td class="cellrowborder" valign="top" width="16.998300169983%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001127284880_p1466832717712"><a name="zh-cn_topic_0000001127284880_p1466832717712"></a><a name="zh-cn_topic_0000001127284880_p1466832717712"></a>clip</p>
175</td>
176<td class="cellrowborder" valign="top" width="5.369463053694631%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001127284880_p8668527276"><a name="zh-cn_topic_0000001127284880_p8668527276"></a><a name="zh-cn_topic_0000001127284880_p8668527276"></a>否</p>
177</td>
178<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001127284880_p116681327179"><a name="zh-cn_topic_0000001127284880_p116681327179"></a><a name="zh-cn_topic_0000001127284880_p116681327179"></a><span id="zh-cn_topic_0000001127284880_ph9668327076"><a name="zh-cn_topic_0000001127284880_ph9668327076"></a><a name="zh-cn_topic_0000001127284880_ph9668327076"></a>在设置了最大行数的情况下生效，</span>可选值为：</p>
179<a name="zh-cn_topic_0000001127284880_ul1668162716714"></a><a name="zh-cn_topic_0000001127284880_ul1668162716714"></a><ul id="zh-cn_topic_0000001127284880_ul1668162716714"><li>clip：将文本根据父容器大小进行裁剪显示；</li><li>ellipsis：根据父容器大小显示，显示不下的文本用省略号代替。需配合max-lines使用。</li></ul>
180</td>
181</tr>
182<tr id="zh-cn_topic_0000001127284880_row1066915272078"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001127284880_p1466914271711"><a name="zh-cn_topic_0000001127284880_p1466914271711"></a><a name="zh-cn_topic_0000001127284880_p1466914271711"></a>font-family</p>
183</td>
184<td class="cellrowborder" valign="top" width="14.4985501449855%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001127284880_p566920276718"><a name="zh-cn_topic_0000001127284880_p566920276718"></a><a name="zh-cn_topic_0000001127284880_p566920276718"></a>string</p>
185</td>
186<td class="cellrowborder" valign="top" width="16.998300169983%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001127284880_p1366916271715"><a name="zh-cn_topic_0000001127284880_p1366916271715"></a><a name="zh-cn_topic_0000001127284880_p1366916271715"></a>sans-serif</p>
187</td>
188<td class="cellrowborder" valign="top" width="5.369463053694631%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001127284880_p1866982718716"><a name="zh-cn_topic_0000001127284880_p1866982718716"></a><a name="zh-cn_topic_0000001127284880_p1866982718716"></a>否</p>
189</td>
190<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001127284880_p56695278715"><a name="zh-cn_topic_0000001127284880_p56695278715"></a><a name="zh-cn_topic_0000001127284880_p56695278715"></a>设置文本的字体列表，用逗号分隔，每个字体用字体名或者字体族名设置。列表中第一个系统中存在的或者通过<a href="js-components-common-customizing-font.md">自定义字体</a>指定的字体，会被选中作为文本的字体。</p>
191</td>
192</tr>
193<tr id="zh-cn_topic_0000001127284880_row20670142717711"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001127284880_p967019271873"><a name="zh-cn_topic_0000001127284880_p967019271873"></a><a name="zh-cn_topic_0000001127284880_p967019271873"></a>max-lines</p>
194</td>
195<td class="cellrowborder" valign="top" width="14.4985501449855%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001127284880_p6670927478"><a name="zh-cn_topic_0000001127284880_p6670927478"></a><a name="zh-cn_topic_0000001127284880_p6670927478"></a>number</p>
196</td>
197<td class="cellrowborder" valign="top" width="16.998300169983%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001127284880_p156701327474"><a name="zh-cn_topic_0000001127284880_p156701327474"></a><a name="zh-cn_topic_0000001127284880_p156701327474"></a>-</p>
198</td>
199<td class="cellrowborder" valign="top" width="5.369463053694631%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001127284880_p86701527470"><a name="zh-cn_topic_0000001127284880_p86701527470"></a><a name="zh-cn_topic_0000001127284880_p86701527470"></a>否</p>
200</td>
201<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001127284880_p567016271173"><a name="zh-cn_topic_0000001127284880_p567016271173"></a><a name="zh-cn_topic_0000001127284880_p567016271173"></a>设置文本的最大行数。</p>
202</td>
203</tr>
204<tr id="zh-cn_topic_0000001127284880_row96703271573"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001127284880_p867018271277"><a name="zh-cn_topic_0000001127284880_p867018271277"></a><a name="zh-cn_topic_0000001127284880_p867018271277"></a>min-font-size</p>
205</td>
206<td class="cellrowborder" valign="top" width="14.4985501449855%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001127284880_p106711627870"><a name="zh-cn_topic_0000001127284880_p106711627870"></a><a name="zh-cn_topic_0000001127284880_p106711627870"></a>&lt;length&gt;</p>
207</td>
208<td class="cellrowborder" valign="top" width="16.998300169983%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001127284880_p5671142714711"><a name="zh-cn_topic_0000001127284880_p5671142714711"></a><a name="zh-cn_topic_0000001127284880_p5671142714711"></a>-</p>
209</td>
210<td class="cellrowborder" valign="top" width="5.369463053694631%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001127284880_p16711827779"><a name="zh-cn_topic_0000001127284880_p16711827779"></a><a name="zh-cn_topic_0000001127284880_p16711827779"></a>否</p>
211</td>
212<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001127284880_p467152714715"><a name="zh-cn_topic_0000001127284880_p467152714715"></a><a name="zh-cn_topic_0000001127284880_p467152714715"></a>文本最小字号，需要和文本最大字号同时设置，支持文本字号动态变化。设置最大最小字体样式后，font-size不生效。</p>
213</td>
214</tr>
215<tr id="zh-cn_topic_0000001127284880_row8671427875"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001127284880_p7671627270"><a name="zh-cn_topic_0000001127284880_p7671627270"></a><a name="zh-cn_topic_0000001127284880_p7671627270"></a>max-font-size</p>
216</td>
217<td class="cellrowborder" valign="top" width="14.4985501449855%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001127284880_p367132713718"><a name="zh-cn_topic_0000001127284880_p367132713718"></a><a name="zh-cn_topic_0000001127284880_p367132713718"></a>&lt;length&gt;</p>
218</td>
219<td class="cellrowborder" valign="top" width="16.998300169983%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001127284880_p56711527973"><a name="zh-cn_topic_0000001127284880_p56711527973"></a><a name="zh-cn_topic_0000001127284880_p56711527973"></a>-</p>
220</td>
221<td class="cellrowborder" valign="top" width="5.369463053694631%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001127284880_p167192710715"><a name="zh-cn_topic_0000001127284880_p167192710715"></a><a name="zh-cn_topic_0000001127284880_p167192710715"></a>否</p>
222</td>
223<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001127284880_p56711927074"><a name="zh-cn_topic_0000001127284880_p56711927074"></a><a name="zh-cn_topic_0000001127284880_p56711927074"></a>文本最大字号，需要和文本最小字号同时设置，支持文本字号动态变化。设置最大最小字体样式后，font-size不生效。</p>
224</td>
225</tr>
226<tr id="zh-cn_topic_0000001127284880_row56715276716"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001127284880_p3671162714713"><a name="zh-cn_topic_0000001127284880_p3671162714713"></a><a name="zh-cn_topic_0000001127284880_p3671162714713"></a>font-size-step</p>
227</td>
228<td class="cellrowborder" valign="top" width="14.4985501449855%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001127284880_p66721027579"><a name="zh-cn_topic_0000001127284880_p66721027579"></a><a name="zh-cn_topic_0000001127284880_p66721027579"></a>&lt;length&gt;</p>
229</td>
230<td class="cellrowborder" valign="top" width="16.998300169983%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001127284880_p967218271371"><a name="zh-cn_topic_0000001127284880_p967218271371"></a><a name="zh-cn_topic_0000001127284880_p967218271371"></a>1px</p>
231</td>
232<td class="cellrowborder" valign="top" width="5.369463053694631%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001127284880_p116725271975"><a name="zh-cn_topic_0000001127284880_p116725271975"></a><a name="zh-cn_topic_0000001127284880_p116725271975"></a>否</p>
233</td>
234<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001127284880_p1767210271875"><a name="zh-cn_topic_0000001127284880_p1767210271875"></a><a name="zh-cn_topic_0000001127284880_p1767210271875"></a>文本动态调整字号时的步长，需要设置最小，最大字号样式生效。</p>
235</td>
236</tr>
237<tr id="zh-cn_topic_0000001127284880_row5672122720713"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001127284880_p136729271873"><a name="zh-cn_topic_0000001127284880_p136729271873"></a><a name="zh-cn_topic_0000001127284880_p136729271873"></a>prefer-font-sizes</p>
238</td>
239<td class="cellrowborder" valign="top" width="14.4985501449855%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001127284880_p367222719714"><a name="zh-cn_topic_0000001127284880_p367222719714"></a><a name="zh-cn_topic_0000001127284880_p367222719714"></a>&lt;array&gt;</p>
240</td>
241<td class="cellrowborder" valign="top" width="16.998300169983%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001127284880_p1167212719720"><a name="zh-cn_topic_0000001127284880_p1167212719720"></a><a name="zh-cn_topic_0000001127284880_p1167212719720"></a>-</p>
242</td>
243<td class="cellrowborder" valign="top" width="5.369463053694631%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001127284880_p56724271375"><a name="zh-cn_topic_0000001127284880_p56724271375"></a><a name="zh-cn_topic_0000001127284880_p56724271375"></a>否</p>
244</td>
245<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001127284880_p1167292716713"><a name="zh-cn_topic_0000001127284880_p1167292716713"></a><a name="zh-cn_topic_0000001127284880_p1167292716713"></a>预设的字号集合，在动态尺寸调整时，优先使用预设字号集合中的字号匹配设置的最大行数，如果预设字号集合未设置，则使用最大最小和步长调整字号。针对仍然无法满足最大行数要求的情况，使用text-overflow设置项进行截断，设置预设尺寸集后，font-size、max-font-size、min-font-size和font-size-step不生效。</p>
246<p id="zh-cn_topic_0000001127284880_p146730271171"><a name="zh-cn_topic_0000001127284880_p146730271171"></a><a name="zh-cn_topic_0000001127284880_p146730271171"></a>如：prefer-font-sizes: 12px,14px,16px</p>
247</td>
248</tr>
249</tbody>
250</table>
251
252## 事件<a name="zh-cn_topic_0000001127284880_section57301035448"></a>
253
254不支持。
255
256## 方法<a name="zh-cn_topic_0000001127284880_section340215162812"></a>
257
258不支持。
259
260## 示例<a name="zh-cn_topic_0000001127284880_section1018514431132"></a>
261
262```
263<!--xxx.hml -->
264<div class="container">
265  <div class="row">
266    <label class="label" target="textId">input</label>
267    <input class="input" id="textId" type="text"></input>
268  </div>
269  <div class="row">
270    <label class="label" target="radioId">radio</label>
271    <input class="input" id="radioId" type="radio" name="group" value="group"></input>
272  </div>
273  <div class="row">
274    <label class="label" target="checkboxId">checkbox</label>
275    <input class="input" id="checkboxId" type="checkbox"></input>
276  </div>
277</div>
278```
279
280```
281/*xxx.css */
282.container {
283  flex-direction: column;
284  align-items: center;
285}
286.row {
287  flex-direction: row;
288}
289.label {
290  width: 200px;
291  margin-top: 50px;
292}
293.input {
294  margin-left: 100px;
295  margin-top: 50px;
296}
297```
298
299![](figures/zh-cn_image_0000001166760168.png)
300
301