uniapp 文本 字体 样式总结

2023年3月14日

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

没有评论

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注