文字大小:
文字大小
text-xsl (60)
文字大小
text-sl (40)
文字大小
text-xxl (22)
文字大小
text-xl (18)
文字大小
text-lg (16)
文字大小
text-df (14)
文字大小
text-sm (12)
文字大小
text-xs (10)
给文本所在的容器添加上面的类名(text-开头)即可实现设置字号
文字颜色:
{{ item.title }} {{ item.name }}
给文本所在的容器添加 class="text-*";
把*替换成上面的颜色的英文名,即可适用这些字体颜色
文字阴影:
文字带阴影
给文本所在的容器添加 class="text-shadow" 即可适用文字阴影;
注意,只有在文本已设置了颜色时阴影才会生效,例如已经设置了 class="text-black"
文字截断:
床前明月光,疑是地上霜,举头望明月,低头思故乡
给文本所在的容器添加 class="text-cut";
并且设置一个宽度值,即可自动截断文字,超出时显示成省略号
文字对齐:
(left) 床前明月光,疑是地上霜
(center) 床前明月光,疑是地上霜
(right) 床前明月光,疑是地上霜
给文本所在的容器添加 class="text-*";
把*替换成上述的对齐字符串(left/center/right),即可设置文本的对齐方式
特殊文字:
100.00
(text-price) 价格文本,自动添加"¥"符号
Taylor Swift
(text-Abc) 英文单词首字母大写
Taylor Swift
(text-ABC) 全部字母大写
Taylor Swift
(text-abc) 全部字母小写
给文本所在的元素添加上面的类名(text-开头)即可实现文字特殊字体