uniapp 文本 字体 样式总结

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;
————————————————
版权声明：本文为CSDN博主「庞胖」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/qq_43393995/article/details/125219663