文字处理

文字截断

<!--文字截断,让文本在规定的行数内显示,如果超出,则将超出部分用省略号表示-->
    <div class="ui-nowrap-flex">文字在第一行结尾截断,用省略号表示未完</div>
    <div class="ui-nowrap-2">文字在第两行结尾截断,用省略号表示未完.文字在第两行结尾截断,用省略号表示未完.</div>
    <div class="ui-nowrap-3">文字在第三行结尾截断,用省略号表示未完.文字在第两行结尾截断,用省略号表示未完.文字在第两行结尾截断,用省略号表示未完.文字在第两行结尾截断,用省略号表示未完.</div>

文本对齐方向

<!--文本对齐方向-->
<div class="ui-text-left">文本左对齐</div>
<div class="ui-text-center">文本居中</div>
<div class="ui-text-right">文本右对齐</div>

文本大小

 <!--文本字体大小,根据需求定义文本的大小-->
<div class="ui-font-xs">最小文字大小</div>
<div class="ui-font-s">较小文字大小</div>
<div class="ui-font-n">默认文字大小</div>
<div class="ui-font-l">较大文字大小</div>
<div class="ui-font-xl">最大文字大小</div>

示例 链接