rgui-css-standard
Version:
Regular UI - Standard CSS Components
68 lines (48 loc) • 1.35 kB
Markdown
## 示例
### 大小扩展
<div class="m-example"></div>
```html
<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>
```
### 颜色扩展
<div class="m-example"></div>
```html
<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="m-example"></div>
```html
<div class="f-fwb">加粗文本</div>
```
### 文本对齐
<div class="m-example"></div>
```html
<div class="f-tal">左对齐</div>
<div class="f-tac">居中对齐</div>
<div class="f-tar">右对齐</div>
<div class="f-taj">两端对齐</div>
```
### 垂直对齐
<div class="m-example"></div>
```html
<div class="f-vat">顶部对齐</div>
<div class="f-vam">垂直居中</div>
<div class="f-vab">底部对齐</div>
```
*待完成……*
### 文本省略和换行
<div class="m-example"></div>
```html
<div class="f-toe" style="width:100px;">这是一段很长很长的文字</div>
```
*待完成……*