1# text<a name="ZH-CN_TOPIC_0000001163812222"></a> 2 3文本，用于呈现一段信息。 4 5> **说明：** 6>文本的展示内容需要写在元素标签内。 7 8## 权限列表<a name="zh-cn_topic_0000001127125018_section11257113618419"></a> 9 10无 11 12## 子组件<a name="zh-cn_topic_0000001127125018_section9288143101012"></a> 13 14支持<[span](js-components-basic-span.md)\>。 15 16## 属性<a name="zh-cn_topic_0000001127125018_section2907183951110"></a> 17 18支持[通用属性](js-components-common-attributes.md)。 19 20## 样式<a name="zh-cn_topic_0000001127125018_section5775351116"></a> 21 22除支持[通用样式](js-components-common-styles.md)外，还支持如下样式： 23 24<a name="zh-cn_topic_0000001127125018_table11509320639"></a> 25<table><thead align="left"><tr id="zh-cn_topic_0000001127125018_row1550982016312"><th class="cellrowborder" valign="top" width="16.548345165483454%" id="mcps1.1.6.1.1"><p id="zh-cn_topic_0000001127125018_p125091520234"><a name="zh-cn_topic_0000001127125018_p125091520234"></a><a name="zh-cn_topic_0000001127125018_p125091520234"></a>名称</p> 26</th> 27<th class="cellrowborder" valign="top" width="13.898610138986104%" id="mcps1.1.6.1.2"><p id="zh-cn_topic_0000001127125018_p1509102011311"><a name="zh-cn_topic_0000001127125018_p1509102011311"></a><a name="zh-cn_topic_0000001127125018_p1509102011311"></a>类型</p> 28</th> 29<th class="cellrowborder" valign="top" width="19.428057194280573%" id="mcps1.1.6.1.3"><p id="zh-cn_topic_0000001127125018_p6509320638"><a name="zh-cn_topic_0000001127125018_p6509320638"></a><a name="zh-cn_topic_0000001127125018_p6509320638"></a>默认值</p> 30</th> 31<th class="cellrowborder" valign="top" width="5.959404059594041%" id="mcps1.1.6.1.4"><p id="zh-cn_topic_0000001127125018_p6509220933"><a name="zh-cn_topic_0000001127125018_p6509220933"></a><a name="zh-cn_topic_0000001127125018_p6509220933"></a>必填</p> 32</th> 33<th class="cellrowborder" valign="top" width="44.16558344165583%" id="mcps1.1.6.1.5"><p id="zh-cn_topic_0000001127125018_p950911201138"><a name="zh-cn_topic_0000001127125018_p950911201138"></a><a name="zh-cn_topic_0000001127125018_p950911201138"></a>描述</p> 34</th> 35</tr> 36</thead> 37<tbody><tr id="zh-cn_topic_0000001127125018_row205092202034"><td class="cellrowborder" valign="top" width="16.548345165483454%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001127125018_p105090201332"><a name="zh-cn_topic_0000001127125018_p105090201332"></a><a name="zh-cn_topic_0000001127125018_p105090201332"></a>color</p> 38</td> 39<td class="cellrowborder" valign="top" width="13.898610138986104%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001127125018_p1050917201310"><a name="zh-cn_topic_0000001127125018_p1050917201310"></a><a name="zh-cn_topic_0000001127125018_p1050917201310"></a><color></p> 40</td> 41<td class="cellrowborder" valign="top" width="19.428057194280573%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001127125018_p155090201833"><a name="zh-cn_topic_0000001127125018_p155090201833"></a><a name="zh-cn_topic_0000001127125018_p155090201833"></a>#e5000000</p> 42</td> 43<td class="cellrowborder" valign="top" width="5.959404059594041%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001127125018_p4509720836"><a name="zh-cn_topic_0000001127125018_p4509720836"></a><a name="zh-cn_topic_0000001127125018_p4509720836"></a>否</p> 44</td> 45<td class="cellrowborder" valign="top" width="44.16558344165583%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001127125018_p18509132017312"><a name="zh-cn_topic_0000001127125018_p18509132017312"></a><a name="zh-cn_topic_0000001127125018_p18509132017312"></a>设置文本的颜色。</p> 46</td> 47</tr> 48<tr id="zh-cn_topic_0000001127125018_row65091120339"><td class="cellrowborder" valign="top" width="16.548345165483454%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001127125018_p3509122017312"><a name="zh-cn_topic_0000001127125018_p3509122017312"></a><a name="zh-cn_topic_0000001127125018_p3509122017312"></a>font-size</p> 49</td> 50<td class="cellrowborder" valign="top" width="13.898610138986104%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001127125018_p1750912203310"><a name="zh-cn_topic_0000001127125018_p1750912203310"></a><a name="zh-cn_topic_0000001127125018_p1750912203310"></a><length></p> 51</td> 52<td class="cellrowborder" valign="top" width="19.428057194280573%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001127125018_p17510122018310"><a name="zh-cn_topic_0000001127125018_p17510122018310"></a><a name="zh-cn_topic_0000001127125018_p17510122018310"></a>30px</p> 53</td> 54<td class="cellrowborder" valign="top" width="5.959404059594041%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001127125018_p151014201234"><a name="zh-cn_topic_0000001127125018_p151014201234"></a><a name="zh-cn_topic_0000001127125018_p151014201234"></a>否</p> 55</td> 56<td class="cellrowborder" valign="top" width="44.16558344165583%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001127125018_p5510520039"><a name="zh-cn_topic_0000001127125018_p5510520039"></a><a name="zh-cn_topic_0000001127125018_p5510520039"></a>设置文本的尺寸。</p> 57</td> 58</tr> 59<tr id="zh-cn_topic_0000001127125018_row1351011202036"><td class="cellrowborder" valign="top" width="16.548345165483454%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001127125018_p851019201937"><a name="zh-cn_topic_0000001127125018_p851019201937"></a><a name="zh-cn_topic_0000001127125018_p851019201937"></a>allow-scale</p> 60</td> 61<td class="cellrowborder" valign="top" width="13.898610138986104%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001127125018_p1751052012312"><a name="zh-cn_topic_0000001127125018_p1751052012312"></a><a name="zh-cn_topic_0000001127125018_p1751052012312"></a>boolean</p> 62</td> 63<td class="cellrowborder" valign="top" width="19.428057194280573%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001127125018_p65103201312"><a name="zh-cn_topic_0000001127125018_p65103201312"></a><a name="zh-cn_topic_0000001127125018_p65103201312"></a>true</p> 64</td> 65<td class="cellrowborder" valign="top" width="5.959404059594041%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001127125018_p651012207315"><a name="zh-cn_topic_0000001127125018_p651012207315"></a><a name="zh-cn_topic_0000001127125018_p651012207315"></a>否</p> 66</td> 67<td class="cellrowborder" valign="top" width="44.16558344165583%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001127125018_p1951012205310"><a name="zh-cn_topic_0000001127125018_p1951012205310"></a><a name="zh-cn_topic_0000001127125018_p1951012205310"></a>文本尺寸是否跟随系统设置字体缩放尺寸进行放大缩小。</p> 68<div class="note" id="zh-cn_topic_0000001127125018_note12510112010317"><a name="zh-cn_topic_0000001127125018_note12510112010317"></a><a name="zh-cn_topic_0000001127125018_note12510112010317"></a><span class="notetitle"> 说明： </span><div class="notebody"><p id="zh-cn_topic_0000001127125018_p10510720332"><a name="zh-cn_topic_0000001127125018_p10510720332"></a><a name="zh-cn_topic_0000001127125018_p10510720332"></a>如果需要支持动态生效，请参看config描述文件中config-changes标签。</p> 69</div></div> 70</td> 71</tr> 72<tr id="zh-cn_topic_0000001127125018_row251042012318"><td class="cellrowborder" valign="top" width="16.548345165483454%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001127125018_p15510120730"><a name="zh-cn_topic_0000001127125018_p15510120730"></a><a name="zh-cn_topic_0000001127125018_p15510120730"></a>letter-spacing</p> 73</td> 74<td class="cellrowborder" valign="top" width="13.898610138986104%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001127125018_p651012011314"><a name="zh-cn_topic_0000001127125018_p651012011314"></a><a name="zh-cn_topic_0000001127125018_p651012011314"></a><length></p> 75</td> 76<td class="cellrowborder" valign="top" width="19.428057194280573%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001127125018_p195101320132"><a name="zh-cn_topic_0000001127125018_p195101320132"></a><a name="zh-cn_topic_0000001127125018_p195101320132"></a>0px</p> 77</td> 78<td class="cellrowborder" valign="top" width="5.959404059594041%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001127125018_p951020207320"><a name="zh-cn_topic_0000001127125018_p951020207320"></a><a name="zh-cn_topic_0000001127125018_p951020207320"></a>否</p> 79</td> 80<td class="cellrowborder" valign="top" width="44.16558344165583%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001127125018_p75108209318"><a name="zh-cn_topic_0000001127125018_p75108209318"></a><a name="zh-cn_topic_0000001127125018_p75108209318"></a>设置文本的字符间距。</p> 81</td> 82</tr> 83<tr id="zh-cn_topic_0000001127125018_row946783210188"><td class="cellrowborder" valign="top" width="16.548345165483454%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001127125018_p1246710327185"><a name="zh-cn_topic_0000001127125018_p1246710327185"></a><a name="zh-cn_topic_0000001127125018_p1246710327185"></a>word-spacing<sup id="zh-cn_topic_0000001127125018_sup1961211505"><a name="zh-cn_topic_0000001127125018_sup1961211505"></a><a name="zh-cn_topic_0000001127125018_sup1961211505"></a>7+</sup></p> 84</td> 85<td class="cellrowborder" valign="top" width="13.898610138986104%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001127125018_p134671832131819"><a name="zh-cn_topic_0000001127125018_p134671832131819"></a><a name="zh-cn_topic_0000001127125018_p134671832131819"></a><length> | <percentage> | string</p> 86</td> 87<td class="cellrowborder" valign="top" width="19.428057194280573%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001127125018_p146753217185"><a name="zh-cn_topic_0000001127125018_p146753217185"></a><a name="zh-cn_topic_0000001127125018_p146753217185"></a>normal</p> 88</td> 89<td class="cellrowborder" valign="top" width="5.959404059594041%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001127125018_p1946723291815"><a name="zh-cn_topic_0000001127125018_p1946723291815"></a><a name="zh-cn_topic_0000001127125018_p1946723291815"></a>否</p> 90</td> 91<td class="cellrowborder" valign="top" width="44.16558344165583%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001127125018_p3467173291810"><a name="zh-cn_topic_0000001127125018_p3467173291810"></a><a name="zh-cn_topic_0000001127125018_p3467173291810"></a>设置文本之间的间距，string可选值为：</p> 92<p id="zh-cn_topic_0000001127125018_p153692104121"><a name="zh-cn_topic_0000001127125018_p153692104121"></a><a name="zh-cn_topic_0000001127125018_p153692104121"></a>normal：默认的字间距。</p> 93</td> 94</tr> 95<tr id="zh-cn_topic_0000001127125018_row85101205320"><td class="cellrowborder" valign="top" width="16.548345165483454%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001127125018_p751020201136"><a name="zh-cn_topic_0000001127125018_p751020201136"></a><a name="zh-cn_topic_0000001127125018_p751020201136"></a>font-style</p> 96</td> 97<td class="cellrowborder" valign="top" width="13.898610138986104%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001127125018_p251020201132"><a name="zh-cn_topic_0000001127125018_p251020201132"></a><a name="zh-cn_topic_0000001127125018_p251020201132"></a>string</p> 98</td> 99<td class="cellrowborder" valign="top" width="19.428057194280573%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001127125018_p15510720734"><a name="zh-cn_topic_0000001127125018_p15510720734"></a><a name="zh-cn_topic_0000001127125018_p15510720734"></a>normal</p> 100</td> 101<td class="cellrowborder" valign="top" width="5.959404059594041%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001127125018_p25105201439"><a name="zh-cn_topic_0000001127125018_p25105201439"></a><a name="zh-cn_topic_0000001127125018_p25105201439"></a>否</p> 102</td> 103<td class="cellrowborder" valign="top" width="44.16558344165583%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001127125018_p95101120238"><a name="zh-cn_topic_0000001127125018_p95101120238"></a><a name="zh-cn_topic_0000001127125018_p95101120238"></a>设置文本的字体样式，可选值为：</p> 104<a name="zh-cn_topic_0000001127125018_ul85109201131"></a><a name="zh-cn_topic_0000001127125018_ul85109201131"></a><ul id="zh-cn_topic_0000001127125018_ul85109201131"><li>normal：标准的字体样式；</li><li>italic：斜体的字体样式。</li></ul> 105</td> 106</tr> 107<tr id="zh-cn_topic_0000001127125018_row14510182017316"><td class="cellrowborder" valign="top" width="16.548345165483454%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001127125018_p951112201931"><a name="zh-cn_topic_0000001127125018_p951112201931"></a><a name="zh-cn_topic_0000001127125018_p951112201931"></a>font-weight</p> 108</td> 109<td class="cellrowborder" valign="top" width="13.898610138986104%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001127125018_p1151112201333"><a name="zh-cn_topic_0000001127125018_p1151112201333"></a><a name="zh-cn_topic_0000001127125018_p1151112201333"></a>number | string</p> 110</td> 111<td class="cellrowborder" valign="top" width="19.428057194280573%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001127125018_p1251115201137"><a name="zh-cn_topic_0000001127125018_p1251115201137"></a><a name="zh-cn_topic_0000001127125018_p1251115201137"></a>normal</p> 112</td> 113<td class="cellrowborder" valign="top" width="5.959404059594041%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001127125018_p1551110206310"><a name="zh-cn_topic_0000001127125018_p1551110206310"></a><a name="zh-cn_topic_0000001127125018_p1551110206310"></a>否</p> 114</td> 115<td class="cellrowborder" valign="top" width="44.16558344165583%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001127125018_p135113209314"><a name="zh-cn_topic_0000001127125018_p135113209314"></a><a name="zh-cn_topic_0000001127125018_p135113209314"></a>设置文本的字体粗细，number类型取值[100, 900]，默认为400，取值越大，字体越粗。</p> 116<div class="note" id="zh-cn_topic_0000001127125018_note851111201435"><a name="zh-cn_topic_0000001127125018_note851111201435"></a><a name="zh-cn_topic_0000001127125018_note851111201435"></a><span class="notetitle"> 说明： </span><div class="notebody"><p id="zh-cn_topic_0000001127125018_p15111020534"><a name="zh-cn_topic_0000001127125018_p15111020534"></a><a name="zh-cn_topic_0000001127125018_p15111020534"></a>number取值必须为100的整数倍。</p> 117</div></div> 118<p id="zh-cn_topic_0000001127125018_p451182013310"><a name="zh-cn_topic_0000001127125018_p451182013310"></a><a name="zh-cn_topic_0000001127125018_p451182013310"></a>string类型取值支持如下四个值：lighter、normal、bold、bolder。</p> 119</td> 120</tr> 121<tr id="zh-cn_topic_0000001127125018_row125112201639"><td class="cellrowborder" valign="top" width="16.548345165483454%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001127125018_p19511182014314"><a name="zh-cn_topic_0000001127125018_p19511182014314"></a><a name="zh-cn_topic_0000001127125018_p19511182014314"></a>text-decoration</p> 122</td> 123<td class="cellrowborder" valign="top" width="13.898610138986104%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001127125018_p351111201339"><a name="zh-cn_topic_0000001127125018_p351111201339"></a><a name="zh-cn_topic_0000001127125018_p351111201339"></a>string</p> 124</td> 125<td class="cellrowborder" valign="top" width="19.428057194280573%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001127125018_p155111205314"><a name="zh-cn_topic_0000001127125018_p155111205314"></a><a name="zh-cn_topic_0000001127125018_p155111205314"></a>none</p> 126</td> 127<td class="cellrowborder" valign="top" width="5.959404059594041%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001127125018_p551152012314"><a name="zh-cn_topic_0000001127125018_p551152012314"></a><a name="zh-cn_topic_0000001127125018_p551152012314"></a>否</p> 128</td> 129<td class="cellrowborder" valign="top" width="44.16558344165583%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001127125018_p1751117201737"><a name="zh-cn_topic_0000001127125018_p1751117201737"></a><a name="zh-cn_topic_0000001127125018_p1751117201737"></a>设置文本的文本修饰，可选值为：</p> 130<a name="zh-cn_topic_0000001127125018_ul9511720637"></a><a name="zh-cn_topic_0000001127125018_ul9511720637"></a><ul id="zh-cn_topic_0000001127125018_ul9511720637"><li>underline：文字下划线修饰；</li><li>line-through：穿过文本的修饰线n</li><li>none：标准文本。</li></ul> 131</td> 132</tr> 133<tr id="zh-cn_topic_0000001127125018_row6436204121315"><td class="cellrowborder" valign="top" width="16.548345165483454%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001127125018_p1437194171313"><a name="zh-cn_topic_0000001127125018_p1437194171313"></a><a name="zh-cn_topic_0000001127125018_p1437194171313"></a>text-decoration-color<sup id="zh-cn_topic_0000001127125018_sup7239161572910"><a name="zh-cn_topic_0000001127125018_sup7239161572910"></a><a name="zh-cn_topic_0000001127125018_sup7239161572910"></a>7+</sup></p> 134</td> 135<td class="cellrowborder" valign="top" width="13.898610138986104%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001127125018_p7437124121317"><a name="zh-cn_topic_0000001127125018_p7437124121317"></a><a name="zh-cn_topic_0000001127125018_p7437124121317"></a><color></p> 136</td> 137<td class="cellrowborder" valign="top" width="19.428057194280573%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001127125018_p104371941161317"><a name="zh-cn_topic_0000001127125018_p104371941161317"></a><a name="zh-cn_topic_0000001127125018_p104371941161317"></a>-</p> 138</td> 139<td class="cellrowborder" valign="top" width="5.959404059594041%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001127125018_p1743764161320"><a name="zh-cn_topic_0000001127125018_p1743764161320"></a><a name="zh-cn_topic_0000001127125018_p1743764161320"></a>否</p> 140</td> 141<td class="cellrowborder" valign="top" width="44.16558344165583%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001127125018_p2437104151319"><a name="zh-cn_topic_0000001127125018_p2437104151319"></a><a name="zh-cn_topic_0000001127125018_p2437104151319"></a>设置文本修饰线的颜色。</p> 142</td> 143</tr> 144<tr id="zh-cn_topic_0000001127125018_row95113208317"><td class="cellrowborder" valign="top" width="16.548345165483454%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001127125018_p651118201637"><a name="zh-cn_topic_0000001127125018_p651118201637"></a><a name="zh-cn_topic_0000001127125018_p651118201637"></a>text-align</p> 145</td> 146<td class="cellrowborder" valign="top" width="13.898610138986104%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001127125018_p205112201337"><a name="zh-cn_topic_0000001127125018_p205112201337"></a><a name="zh-cn_topic_0000001127125018_p205112201337"></a>string</p> 147</td> 148<td class="cellrowborder" valign="top" width="19.428057194280573%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001127125018_p951202013319"><a name="zh-cn_topic_0000001127125018_p951202013319"></a><a name="zh-cn_topic_0000001127125018_p951202013319"></a>start</p> 149</td> 150<td class="cellrowborder" valign="top" width="5.959404059594041%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001127125018_p18512192018319"><a name="zh-cn_topic_0000001127125018_p18512192018319"></a><a name="zh-cn_topic_0000001127125018_p18512192018319"></a>否</p> 151</td> 152<td class="cellrowborder" valign="top" width="44.16558344165583%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001127125018_p651214206312"><a name="zh-cn_topic_0000001127125018_p651214206312"></a><a name="zh-cn_topic_0000001127125018_p651214206312"></a>设置文本的文本对齐方式，可选值为：</p> 153<a name="zh-cn_topic_0000001127125018_ul11512120336"></a><a name="zh-cn_topic_0000001127125018_ul11512120336"></a><ul id="zh-cn_topic_0000001127125018_ul11512120336"><li>left：文本左对齐；</li><li>center：文本居中对齐；</li><li>right：文本右对齐；</li><li>start：根据文字书写相同的方向对齐；</li><li>end：根据文字书写相反的方向对齐。</li></ul> 154<div class="note" id="zh-cn_topic_0000001127125018_note14512192013312"><a name="zh-cn_topic_0000001127125018_note14512192013312"></a><a name="zh-cn_topic_0000001127125018_note14512192013312"></a><span class="notetitle"> 说明： </span><div class="notebody"><p id="zh-cn_topic_0000001127125018_p16513320938"><a name="zh-cn_topic_0000001127125018_p16513320938"></a><a name="zh-cn_topic_0000001127125018_p16513320938"></a>如文本宽度未指定大小，文本的宽度和父容器的宽度大小相等的情况下，对齐效果可能会不明显。</p> 155</div></div> 156</td> 157</tr> 158<tr id="zh-cn_topic_0000001127125018_row0513820638"><td class="cellrowborder" valign="top" width="16.548345165483454%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001127125018_p85131120136"><a name="zh-cn_topic_0000001127125018_p85131120136"></a><a name="zh-cn_topic_0000001127125018_p85131120136"></a>line-height</p> 159</td> 160<td class="cellrowborder" valign="top" width="13.898610138986104%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001127125018_p451352012310"><a name="zh-cn_topic_0000001127125018_p451352012310"></a><a name="zh-cn_topic_0000001127125018_p451352012310"></a><length> | <percentage><sup id="zh-cn_topic_0000001127125018_sup1397722015236"><a name="zh-cn_topic_0000001127125018_sup1397722015236"></a><a name="zh-cn_topic_0000001127125018_sup1397722015236"></a><span>7+</span></sup> | string<sup id="zh-cn_topic_0000001127125018_sup1826415224230"><a name="zh-cn_topic_0000001127125018_sup1826415224230"></a><a name="zh-cn_topic_0000001127125018_sup1826415224230"></a><span>7+</span></sup></p> 161</td> 162<td class="cellrowborder" valign="top" width="19.428057194280573%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001127125018_p175883320223"><a name="zh-cn_topic_0000001127125018_p175883320223"></a><a name="zh-cn_topic_0000001127125018_p175883320223"></a>0px<sup id="zh-cn_topic_0000001127125018_sup11204125742215"><a name="zh-cn_topic_0000001127125018_sup11204125742215"></a><a name="zh-cn_topic_0000001127125018_sup11204125742215"></a>1-6</sup></p> 163<p id="zh-cn_topic_0000001127125018_p1751342015311"><a name="zh-cn_topic_0000001127125018_p1751342015311"></a><a name="zh-cn_topic_0000001127125018_p1751342015311"></a>normal<sup id="zh-cn_topic_0000001127125018_sup6237425142212"><a name="zh-cn_topic_0000001127125018_sup6237425142212"></a><a name="zh-cn_topic_0000001127125018_sup6237425142212"></a><span>7+</span></sup></p> 164</td> 165<td class="cellrowborder" valign="top" width="5.959404059594041%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001127125018_p451320202316"><a name="zh-cn_topic_0000001127125018_p451320202316"></a><a name="zh-cn_topic_0000001127125018_p451320202316"></a>否</p> 166</td> 167<td class="cellrowborder" valign="top" width="44.16558344165583%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001127125018_p1513520336"><a name="zh-cn_topic_0000001127125018_p1513520336"></a><a name="zh-cn_topic_0000001127125018_p1513520336"></a>设置文本的文本行高，设置为0px时，不限制文本行高，自适应字体大小。string可选值为：</p> 168<p id="zh-cn_topic_0000001127125018_p203731252121210"><a name="zh-cn_topic_0000001127125018_p203731252121210"></a><a name="zh-cn_topic_0000001127125018_p203731252121210"></a>normal<sup id="zh-cn_topic_0000001127125018_sup1522861917228"><a name="zh-cn_topic_0000001127125018_sup1522861917228"></a><a name="zh-cn_topic_0000001127125018_sup1522861917228"></a><span>7+</span></sup>：默认的行高。</p> 169</td> 170</tr> 171<tr id="zh-cn_topic_0000001127125018_row851319205318"><td class="cellrowborder" valign="top" width="16.548345165483454%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001127125018_p16513162011317"><a name="zh-cn_topic_0000001127125018_p16513162011317"></a><a name="zh-cn_topic_0000001127125018_p16513162011317"></a>text-overflow</p> 172</td> 173<td class="cellrowborder" valign="top" width="13.898610138986104%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001127125018_p12513620931"><a name="zh-cn_topic_0000001127125018_p12513620931"></a><a name="zh-cn_topic_0000001127125018_p12513620931"></a>string</p> 174</td> 175<td class="cellrowborder" valign="top" width="19.428057194280573%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001127125018_p10513162010316"><a name="zh-cn_topic_0000001127125018_p10513162010316"></a><a name="zh-cn_topic_0000001127125018_p10513162010316"></a>clip</p> 176</td> 177<td class="cellrowborder" valign="top" width="5.959404059594041%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001127125018_p751362018310"><a name="zh-cn_topic_0000001127125018_p751362018310"></a><a name="zh-cn_topic_0000001127125018_p751362018310"></a>否</p> 178</td> 179<td class="cellrowborder" valign="top" width="44.16558344165583%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001127125018_p65130201310"><a name="zh-cn_topic_0000001127125018_p65130201310"></a><a name="zh-cn_topic_0000001127125018_p65130201310"></a><span id="zh-cn_topic_0000001127125018_ph851312201735"><a name="zh-cn_topic_0000001127125018_ph851312201735"></a><a name="zh-cn_topic_0000001127125018_ph851312201735"></a>在设置了最大行数的情况下生效，</span>可选值为：</p> 180<a name="zh-cn_topic_0000001127125018_ul2513142018312"></a><a name="zh-cn_topic_0000001127125018_ul2513142018312"></a><ul id="zh-cn_topic_0000001127125018_ul2513142018312"><li>clip：将文本根据父容器大小进行裁剪显示；</li><li>ellipsis：根据父容器大小显示，显示不下的文本用省略号代替。需配合max-lines使用。</li></ul> 181</td> 182</tr> 183<tr id="zh-cn_topic_0000001127125018_row95131920537"><td class="cellrowborder" valign="top" width="16.548345165483454%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001127125018_p115131320234"><a name="zh-cn_topic_0000001127125018_p115131320234"></a><a name="zh-cn_topic_0000001127125018_p115131320234"></a>font-family</p> 184</td> 185<td class="cellrowborder" valign="top" width="13.898610138986104%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001127125018_p20514102015311"><a name="zh-cn_topic_0000001127125018_p20514102015311"></a><a name="zh-cn_topic_0000001127125018_p20514102015311"></a>string</p> 186</td> 187<td class="cellrowborder" valign="top" width="19.428057194280573%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001127125018_p25141220839"><a name="zh-cn_topic_0000001127125018_p25141220839"></a><a name="zh-cn_topic_0000001127125018_p25141220839"></a>sans-serif</p> 188</td> 189<td class="cellrowborder" valign="top" width="5.959404059594041%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001127125018_p205145201735"><a name="zh-cn_topic_0000001127125018_p205145201735"></a><a name="zh-cn_topic_0000001127125018_p205145201735"></a>否</p> 190</td> 191<td class="cellrowborder" valign="top" width="44.16558344165583%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001127125018_p75148201333"><a name="zh-cn_topic_0000001127125018_p75148201333"></a><a name="zh-cn_topic_0000001127125018_p75148201333"></a>设置文本的字体列表，用逗号分隔，每个字体用字体名或者字体族名设置。列表中第一个系统中存在的或者通过<a href="js-components-common-customizing-font.md">自定义字体</a>指定的字体，会被选中作为文本的字体。</p> 192</td> 193</tr> 194<tr id="zh-cn_topic_0000001127125018_row14514142013319"><td class="cellrowborder" valign="top" width="16.548345165483454%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001127125018_p1451411202319"><a name="zh-cn_topic_0000001127125018_p1451411202319"></a><a name="zh-cn_topic_0000001127125018_p1451411202319"></a>max-lines</p> 195</td> 196<td class="cellrowborder" valign="top" width="13.898610138986104%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001127125018_p6514420233"><a name="zh-cn_topic_0000001127125018_p6514420233"></a><a name="zh-cn_topic_0000001127125018_p6514420233"></a>number | string<sup id="zh-cn_topic_0000001127125018_sup1763505811384"><a name="zh-cn_topic_0000001127125018_sup1763505811384"></a><a name="zh-cn_topic_0000001127125018_sup1763505811384"></a>7+</sup></p> 197</td> 198<td class="cellrowborder" valign="top" width="19.428057194280573%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001127125018_p15514102018311"><a name="zh-cn_topic_0000001127125018_p15514102018311"></a><a name="zh-cn_topic_0000001127125018_p15514102018311"></a>-</p> 199</td> 200<td class="cellrowborder" valign="top" width="5.959404059594041%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001127125018_p35148201135"><a name="zh-cn_topic_0000001127125018_p35148201135"></a><a name="zh-cn_topic_0000001127125018_p35148201135"></a>否</p> 201</td> 202<td class="cellrowborder" valign="top" width="44.16558344165583%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001127125018_p934052515223"><a name="zh-cn_topic_0000001127125018_p934052515223"></a><a name="zh-cn_topic_0000001127125018_p934052515223"></a>设置文本的最大行数，string类型可选值为：</p> 203<a name="zh-cn_topic_0000001127125018_ul6458027152218"></a><a name="zh-cn_topic_0000001127125018_ul6458027152218"></a><ul id="zh-cn_topic_0000001127125018_ul6458027152218"><li>auto<sup id="zh-cn_topic_0000001127125018_sup15460165433814"><a name="zh-cn_topic_0000001127125018_sup15460165433814"></a><a name="zh-cn_topic_0000001127125018_sup15460165433814"></a>7+</sup>：文本行数自适应容器高度。</li></ul> 204</td> 205</tr> 206<tr id="zh-cn_topic_0000001127125018_row7514122015312"><td class="cellrowborder" valign="top" width="16.548345165483454%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001127125018_p15514182016317"><a name="zh-cn_topic_0000001127125018_p15514182016317"></a><a name="zh-cn_topic_0000001127125018_p15514182016317"></a>min-font-size</p> 207</td> 208<td class="cellrowborder" valign="top" width="13.898610138986104%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001127125018_p55148206312"><a name="zh-cn_topic_0000001127125018_p55148206312"></a><a name="zh-cn_topic_0000001127125018_p55148206312"></a><length></p> 209</td> 210<td class="cellrowborder" valign="top" width="19.428057194280573%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001127125018_p165146200312"><a name="zh-cn_topic_0000001127125018_p165146200312"></a><a name="zh-cn_topic_0000001127125018_p165146200312"></a>-</p> 211</td> 212<td class="cellrowborder" valign="top" width="5.959404059594041%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001127125018_p16515420138"><a name="zh-cn_topic_0000001127125018_p16515420138"></a><a name="zh-cn_topic_0000001127125018_p16515420138"></a>否</p> 213</td> 214<td class="cellrowborder" valign="top" width="44.16558344165583%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001127125018_p125151201636"><a name="zh-cn_topic_0000001127125018_p125151201636"></a><a name="zh-cn_topic_0000001127125018_p125151201636"></a>文本最小字号，需要和文本最大字号同时设置，支持文本字号动态变化。设置最大最小字体样式后，font-size不生效。</p> 215</td> 216</tr> 217<tr id="zh-cn_topic_0000001127125018_row20515720537"><td class="cellrowborder" valign="top" width="16.548345165483454%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001127125018_p25151620634"><a name="zh-cn_topic_0000001127125018_p25151620634"></a><a name="zh-cn_topic_0000001127125018_p25151620634"></a>max-font-size</p> 218</td> 219<td class="cellrowborder" valign="top" width="13.898610138986104%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001127125018_p135150201639"><a name="zh-cn_topic_0000001127125018_p135150201639"></a><a name="zh-cn_topic_0000001127125018_p135150201639"></a><length></p> 220</td> 221<td class="cellrowborder" valign="top" width="19.428057194280573%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001127125018_p19515132019318"><a name="zh-cn_topic_0000001127125018_p19515132019318"></a><a name="zh-cn_topic_0000001127125018_p19515132019318"></a>-</p> 222</td> 223<td class="cellrowborder" valign="top" width="5.959404059594041%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001127125018_p9515120231"><a name="zh-cn_topic_0000001127125018_p9515120231"></a><a name="zh-cn_topic_0000001127125018_p9515120231"></a>否</p> 224</td> 225<td class="cellrowborder" valign="top" width="44.16558344165583%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001127125018_p11515520038"><a name="zh-cn_topic_0000001127125018_p11515520038"></a><a name="zh-cn_topic_0000001127125018_p11515520038"></a>文本最大字号，需要和文本最小字号同时设置，支持文本字号动态变化。设置最大最小字体样式后，font-size不生效。</p> 226</td> 227</tr> 228<tr id="zh-cn_topic_0000001127125018_row155154201838"><td class="cellrowborder" valign="top" width="16.548345165483454%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001127125018_p151592017316"><a name="zh-cn_topic_0000001127125018_p151592017316"></a><a name="zh-cn_topic_0000001127125018_p151592017316"></a>font-size-step</p> 229</td> 230<td class="cellrowborder" valign="top" width="13.898610138986104%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001127125018_p151515201233"><a name="zh-cn_topic_0000001127125018_p151515201233"></a><a name="zh-cn_topic_0000001127125018_p151515201233"></a><length></p> 231</td> 232<td class="cellrowborder" valign="top" width="19.428057194280573%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001127125018_p851562013310"><a name="zh-cn_topic_0000001127125018_p851562013310"></a><a name="zh-cn_topic_0000001127125018_p851562013310"></a>1px</p> 233</td> 234<td class="cellrowborder" valign="top" width="5.959404059594041%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001127125018_p85159201037"><a name="zh-cn_topic_0000001127125018_p85159201037"></a><a name="zh-cn_topic_0000001127125018_p85159201037"></a>否</p> 235</td> 236<td class="cellrowborder" valign="top" width="44.16558344165583%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001127125018_p1151519205317"><a name="zh-cn_topic_0000001127125018_p1151519205317"></a><a name="zh-cn_topic_0000001127125018_p1151519205317"></a>文本动态调整字号时的步长，需要设置最小，最大字号样式生效。</p> 237</td> 238</tr> 239<tr id="zh-cn_topic_0000001127125018_row155151120839"><td class="cellrowborder" valign="top" width="16.548345165483454%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001127125018_p851519201036"><a name="zh-cn_topic_0000001127125018_p851519201036"></a><a name="zh-cn_topic_0000001127125018_p851519201036"></a>prefer-font-sizes</p> 240</td> 241<td class="cellrowborder" valign="top" width="13.898610138986104%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001127125018_p1851511201630"><a name="zh-cn_topic_0000001127125018_p1851511201630"></a><a name="zh-cn_topic_0000001127125018_p1851511201630"></a><array></p> 242</td> 243<td class="cellrowborder" valign="top" width="19.428057194280573%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001127125018_p15515152018315"><a name="zh-cn_topic_0000001127125018_p15515152018315"></a><a name="zh-cn_topic_0000001127125018_p15515152018315"></a>-</p> 244</td> 245<td class="cellrowborder" valign="top" width="5.959404059594041%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001127125018_p145154204313"><a name="zh-cn_topic_0000001127125018_p145154204313"></a><a name="zh-cn_topic_0000001127125018_p145154204313"></a>否</p> 246</td> 247<td class="cellrowborder" valign="top" width="44.16558344165583%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001127125018_p851513201317"><a name="zh-cn_topic_0000001127125018_p851513201317"></a><a name="zh-cn_topic_0000001127125018_p851513201317"></a>预设的字号集合，在动态尺寸调整时，优先使用预设字号集合中的字号匹配设置的最大行数，如果预设字号集合未设置，则使用最大最小和步长调整字号。针对仍然无法满足最大行数要求的情况，使用text-overflow设置项进行截断，设置预设尺寸集后，font-size、max-font-size、min-font-size和font-size-step不生效。</p> 248<p id="zh-cn_topic_0000001127125018_p18515202012316"><a name="zh-cn_topic_0000001127125018_p18515202012316"></a><a name="zh-cn_topic_0000001127125018_p18515202012316"></a>如：prefer-font-sizes: 12px,14px,16px</p> 249</td> 250</tr> 251<tr id="zh-cn_topic_0000001127125018_row2298173115914"><td class="cellrowborder" valign="top" width="16.548345165483454%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001127125018_p1429820311498"><a name="zh-cn_topic_0000001127125018_p1429820311498"></a><a name="zh-cn_topic_0000001127125018_p1429820311498"></a>word-break<sup id="zh-cn_topic_0000001127125018_sup181941853171717"><a name="zh-cn_topic_0000001127125018_sup181941853171717"></a><a name="zh-cn_topic_0000001127125018_sup181941853171717"></a>6+</sup></p> 252</td> 253<td class="cellrowborder" valign="top" width="13.898610138986104%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001127125018_p122981731691"><a name="zh-cn_topic_0000001127125018_p122981731691"></a><a name="zh-cn_topic_0000001127125018_p122981731691"></a>string</p> 254</td> 255<td class="cellrowborder" valign="top" width="19.428057194280573%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001127125018_p82985311094"><a name="zh-cn_topic_0000001127125018_p82985311094"></a><a name="zh-cn_topic_0000001127125018_p82985311094"></a>normal</p> 256</td> 257<td class="cellrowborder" valign="top" width="5.959404059594041%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001127125018_p102981231392"><a name="zh-cn_topic_0000001127125018_p102981231392"></a><a name="zh-cn_topic_0000001127125018_p102981231392"></a>否</p> 258</td> 259<td class="cellrowborder" valign="top" width="44.16558344165583%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001127125018_p329813311491"><a name="zh-cn_topic_0000001127125018_p329813311491"></a><a name="zh-cn_topic_0000001127125018_p329813311491"></a>设置文本折行模式，可选值为：</p> 260<a name="zh-cn_topic_0000001127125018_ul3839682122"></a><a name="zh-cn_topic_0000001127125018_ul3839682122"></a><ul id="zh-cn_topic_0000001127125018_ul3839682122"><li>normal：默认换行规则，依据各自语言的规则，允许在字间发生换行。</li><li>break-all：对于非中文/日文/韩文的文本，可在任意字符间断行。</li><li>break-word：与break-all相同，不同的地方在于它要求一个没有断行破发点的词必须保持为一个整体单位。</li></ul> 261</td> 262</tr> 263<tr id="zh-cn_topic_0000001127125018_row11732453136"><td class="cellrowborder" valign="top" width="16.548345165483454%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001127125018_p373219510132"><a name="zh-cn_topic_0000001127125018_p373219510132"></a><a name="zh-cn_topic_0000001127125018_p373219510132"></a>text-indent<sup id="zh-cn_topic_0000001127125018_sup85001052123316"><a name="zh-cn_topic_0000001127125018_sup85001052123316"></a><a name="zh-cn_topic_0000001127125018_sup85001052123316"></a>7+</sup></p> 264</td> 265<td class="cellrowborder" valign="top" width="13.898610138986104%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001127125018_p47321857139"><a name="zh-cn_topic_0000001127125018_p47321857139"></a><a name="zh-cn_topic_0000001127125018_p47321857139"></a><length></p> 266</td> 267<td class="cellrowborder" valign="top" width="19.428057194280573%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001127125018_p1973212541319"><a name="zh-cn_topic_0000001127125018_p1973212541319"></a><a name="zh-cn_topic_0000001127125018_p1973212541319"></a>-</p> 268</td> 269<td class="cellrowborder" valign="top" width="5.959404059594041%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001127125018_p77336519137"><a name="zh-cn_topic_0000001127125018_p77336519137"></a><a name="zh-cn_topic_0000001127125018_p77336519137"></a>否</p> 270</td> 271<td class="cellrowborder" valign="top" width="44.16558344165583%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001127125018_p273314531310"><a name="zh-cn_topic_0000001127125018_p273314531310"></a><a name="zh-cn_topic_0000001127125018_p273314531310"></a>设置首行缩进量。</p> 272</td> 273</tr> 274<tr id="zh-cn_topic_0000001127125018_row483811791617"><td class="cellrowborder" valign="top" width="16.548345165483454%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001127125018_p1083916179164"><a name="zh-cn_topic_0000001127125018_p1083916179164"></a><a name="zh-cn_topic_0000001127125018_p1083916179164"></a>white-space<sup id="zh-cn_topic_0000001127125018_sup1527825315332"><a name="zh-cn_topic_0000001127125018_sup1527825315332"></a><a name="zh-cn_topic_0000001127125018_sup1527825315332"></a>7+</sup></p> 275</td> 276<td class="cellrowborder" valign="top" width="13.898610138986104%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001127125018_p2839117121616"><a name="zh-cn_topic_0000001127125018_p2839117121616"></a><a name="zh-cn_topic_0000001127125018_p2839117121616"></a>string</p> 277</td> 278<td class="cellrowborder" valign="top" width="19.428057194280573%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001127125018_p183981701620"><a name="zh-cn_topic_0000001127125018_p183981701620"></a><a name="zh-cn_topic_0000001127125018_p183981701620"></a>pre</p> 279</td> 280<td class="cellrowborder" valign="top" width="5.959404059594041%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001127125018_p083911713168"><a name="zh-cn_topic_0000001127125018_p083911713168"></a><a name="zh-cn_topic_0000001127125018_p083911713168"></a>否</p> 281</td> 282<td class="cellrowborder" valign="top" width="44.16558344165583%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001127125018_p9839417181617"><a name="zh-cn_topic_0000001127125018_p9839417181617"></a><a name="zh-cn_topic_0000001127125018_p9839417181617"></a>设置处理元素中空白的模式，可选值为：</p> 283<a name="zh-cn_topic_0000001127125018_ul9139155131615"></a><a name="zh-cn_topic_0000001127125018_ul9139155131615"></a><ul id="zh-cn_topic_0000001127125018_ul9139155131615"><li>normal：所有空格、回车、制表符都合并成一个空格，文本自动换行；</li><li>nowrap：所有空格、回车、制表符都合并成一个空格，文本不换行；</li><li>pre：所有东西原样输出，文本不换行；</li><li>pre-wrap：所有东西原样输出，文本换行；</li><li>pre-line：所有空格、制表符合并成一个空格，回车不变，文本换行。</li></ul> 284</td> 285</tr> 286<tr id="zh-cn_topic_0000001127125018_row10859173188"><td class="cellrowborder" valign="top" width="16.548345165483454%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001127125018_p168595741814"><a name="zh-cn_topic_0000001127125018_p168595741814"></a><a name="zh-cn_topic_0000001127125018_p168595741814"></a>adapt-height<sup id="zh-cn_topic_0000001127125018_sup10570154133314"><a name="zh-cn_topic_0000001127125018_sup10570154133314"></a><a name="zh-cn_topic_0000001127125018_sup10570154133314"></a>7+</sup></p> 287</td> 288<td class="cellrowborder" valign="top" width="13.898610138986104%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001127125018_p1085919791816"><a name="zh-cn_topic_0000001127125018_p1085919791816"></a><a name="zh-cn_topic_0000001127125018_p1085919791816"></a>boolean</p> 289</td> 290<td class="cellrowborder" valign="top" width="19.428057194280573%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001127125018_p208591779182"><a name="zh-cn_topic_0000001127125018_p208591779182"></a><a name="zh-cn_topic_0000001127125018_p208591779182"></a>false</p> 291</td> 292<td class="cellrowborder" valign="top" width="5.959404059594041%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001127125018_p38591675189"><a name="zh-cn_topic_0000001127125018_p38591675189"></a><a name="zh-cn_topic_0000001127125018_p38591675189"></a>否</p> 293</td> 294<td class="cellrowborder" valign="top" width="44.16558344165583%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001127125018_p2099116133418"><a name="zh-cn_topic_0000001127125018_p2099116133418"></a><a name="zh-cn_topic_0000001127125018_p2099116133418"></a>文本大小是否自适应容器高度。</p> 295<div class="note" id="zh-cn_topic_0000001127125018_note1725773504115"><a name="zh-cn_topic_0000001127125018_note1725773504115"></a><a name="zh-cn_topic_0000001127125018_note1725773504115"></a><span class="notetitle"> 说明： </span><div class="notebody"><p id="zh-cn_topic_0000001127125018_p02571035164111"><a name="zh-cn_topic_0000001127125018_p02571035164111"></a><a name="zh-cn_topic_0000001127125018_p02571035164111"></a>设置字体大小自适应相关样式后生效。</p> 296</div></div> 297</td> 298</tr> 299</tbody> 300</table> 301 302> **说明：** 303>- 字体动态缩放：预设尺寸集合和最小最大字号调节基于是否满足最大行数要求，预设尺寸集合会按照从左到右顺序查看是否满足最大行数要求，最小最大字号调节则基于从大到小顺序查看是否满足最大行数要求。 304>- 文本换行：文本可以通过转义字符\\r\\n进行换行。 305>- 文本标签内支持以下转义字符：\\a，\\b，\\f，\\n，\\r，\\t，\\v，\\'，\\"，\\0。 306>- 当使用子组件span组成文本段落时，如果span属性样式异常，将导致text段落无法显示。 307>- letter-spacing、text-align、line-height、text-overflow和max-lines样式作用于text及其子组件（span）组成的文本内容。 308>- text组件说明：不支持text内同时存在文本内容和span子组件。（如果同时存在，只显示span内的内容\) 309 310## 事件<a name="zh-cn_topic_0000001127125018_section1948820711216"></a> 311 312支持[通用事件](js-components-common-events.md)。 313 314## 方法<a name="zh-cn_topic_0000001127125018_section2279124532420"></a> 315 316支持[通用方法](js-components-common-methods.md)。 317 318## 示例<a name="zh-cn_topic_0000001127125018_section13294026042"></a> 319 320``` 321<!-- xxx.hml --> 322<div class="container"> 323 <text class="title"> 324 Hello {{ title }} 325 </text> 326</div> 327``` 328 329``` 330/* xxx.css */ 331.container { 332 display: flex; 333 justify-content: center; 334 align-items: center; 335} 336 337.title { 338 font-size: 60px; 339 text-align: center; 340 width: 200px; 341 height: 200px; 342} 343``` 344 345``` 346// xxx.js 347export default { 348 data: { 349 title: 'World' 350 } 351} 352``` 353 354 355 356
