# 文本

# 字体大小

通过给标签添加 class="pi-fz-**" ,可以达到设置节点内字体大小的效果

  • 目前可通过 pi-fz-** 的形式设置的字体大小范围需要在2-100之间的偶数
<view class="pi-fz-28">文本内容</view>
1

# 行高

通过给标签添加 class="pi-lh-**" ,可以达到设置节点内行高的效果

  • 目前可通过 pi-lh-** 的形式设置的行高范围需要在2-100之间的偶数
  • 当设置为 pi-lh-1 或者 pi-lh-base 时,样式等价于 line-height:1
<view class="pi-lh-28">文本内容</view>
<view class="pi-lh-base">文本内容</view>
1
2

# 文本对齐

目前支持的对齐方式有:

  • pi-text-center 文本居中对齐
  • pi-text-left 文本左对齐
  • pi-text-right 文本右对齐
<view class="pi-text-center">文本内容</view>
<view class="pi-text-left">文本内容</view>
<view class="pi-text-right">文本内容</view>
1
2
3

# 其他

  • pi-text-nowrap 文本不换行
  • pi-text-through 文本删除线
  • pi-text-ellipsis 文本单行省略
Last updated: 2021/3/19 下午4:37:33