uniapp 文本 字体 样式总结

 常用字体样式记录（个人学习记录）：

1、字体大小

font-size:26rpx;

2、文字加线

1）下划线：text-decoration:underline

2）删除线：text-decoration:line-through

3）上划线：text-decoration:overline

3、字体加粗

font-weight:bold;

4、字体倾斜

font-style: italic;

5、内容居中

1）靠左对齐： text-align:left

2）靠右对齐：text-align:right

3）居中对齐：text-align:center
4）两端对齐：justify 

6、字母大小写

1）小型大写字母（就是先把字母变成大写，再把字体改小）：font-variant:small-caps;

2）首字母大写：text-transform:capitalize;

3）转换成大写：text-transform:uppercase ;

4）转换成小写：text-transform:lowercase ;

7、文字的上下行间距

line-height:50rpx;

8、文字过多省略
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;

9、文字颜色
 color:red;

10、设置文字字体
 font-family:"楷体";

11、字体缩进
  text-indent:2em;
  设置首行的字体缩进，单位可以是em、px
  em为一个字的大小

12、文字换行
  white-space: nowrap;
  设置文字是否换行，normal 为默认换行；nowrap 为强制不换行

13、超出元素设置滚动条
   overflow: auto;

14、行内垂直
vertical-align:100px ;
vertical-align:middle;

15、去除a标签（下）划线

1）a{
    text-decoration:none;
}
2）设置下划线：underline;
3）设置上划线：overline
4）设置贯穿线：line-through
16、行内样式垂直对齐
 
vertical-align: 10px;
 
vertical-align: middle;
 
vertical-align: top;
 
vertical-align: bottom;
 
vertical-align: baseline;