文本，用于呈现一段信息。

说明

从API Version 8 开始支持。后续版本如有新增内容，则采用上角标单独标记该内容的起始版本。

子组件

支持<[span]

属性

支持[通用属性]

样式

除支持[通用样式]外，还支持如下样式：

说明

• 字体动态缩放：预设尺寸集合和最小最大字号调节基于是否满足最大行数要求，预设尺寸集合会按照从左到右顺序查看是否满足最大行数要求，最小最大字号调节则基于从大到小顺序查看是否满足最大行数要求。
• 文本换行：文本可以通过转义字符\r\n进行换行。
• 文本标签内支持以下转义字符：\a，\b，\f，\n，\r，\t，\v，'，"，\0。
• 当使用子组件span组成文本段落时，如果span属性样式异常，将导致text段落无法显示。
• letter-spacing、text-align、line-height、text-overflow和max-lines样式作用于text及其子组件（span）组成的文本内容。
• text组件说明：不支持text内同时存在文本内容和span子组件。（如果同时存在，只显示span内的内容)

事件

支持[通用事件]

示例

<div class="container">
    <text class="line_height">
        <span>这是设置了行高的文本。</span>
    </text>
    <text class="letter_spacing">这是设置了字符间距的文本。</text>
    <text class="font_style">这是设置为斜体的文本。</text>
    <text class="text_decoration_style">这是添加了下划线的文本。</text>
    <text class="text_over_flow">文本过长可省略，省略文本。</text>
</div>

.container{
    flex-direction: column;
    width: 100%;
    height: 100%;
    margin-top: 10px;
    margin-left: 30px;
}
.line_height{
    font-size: 20px;
    line-height: 40px;
}
.letter_spacing{
    font-size: 20px;
    letter-spacing: 5px;
}
.font_style{
    font-size: 20px;
    font-style: italic;
}
.text_decoration_style{
    font-size: 20px;
    text-decoration: underline;
    text-decoration-color: red;
}
.text_over_flow{
    font-size: 20px;
    width: 40%;
    max-lines: 1;
    text-overflow: ellipsis;
}

4*4卡片