文本 Text

示例

大小扩展

<span class="u-text u-text-xs">超小号文本</span>
<span class="u-text u-text-sm">小号文本</span>
<span>正常文本</span>
<span class="u-text u-text-lg">大号文本</span>
<span class="u-text u-text-xl">超大号文本</span>

颜色扩展

<span>Default</span>
<span class="u-text u-text-primary">Primary</span>
<span class="u-text u-text-success">Success</span>
<span class="u-text u-text-warning">Warning</span>
<span class="u-text u-text-error">Error</span>
<span class="u-text u-text-inverse">Inverse</span>
<span class="u-text u-text-muted">Muted</span>

加粗

<div class="f-fwb">加粗文本</div>

文本对齐

<div class="f-tal">左对齐</div>
<div class="f-tac">居中对齐</div>
<div class="f-tar">右对齐</div>
<div class="f-taj">两端对齐</div>

垂直对齐

<div class="f-vat">顶部对齐</div>
<div class="f-vam">垂直居中</div>
<div class="f-vab">底部对齐</div>

待完成……

文本省略和换行

<div class="f-toe" style="width:100px;">这是一段很长很长的文字</div>

待完成……