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、文字的上下行间距
line-height:50rpx;
7、文字过多省略
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
8、文字颜色
color\:red;
9、设置文字字体
font-family:"楷体";
10、字体缩进
text-indent:2em;
设置首行的字体缩进,单位可以是em、px
em为一个字的大小
11、文字换行
white-space: nowrap;
设置文字是否换行,normal 为默认换行;nowrap 为强制不换行
文章来源:https://www.toymoban.com/news/detail-800323.html
12、超出元素设置滚动条
overflow: auto;
文章来源地址https://www.toymoban.com/news/detail-800323.html
13、行内垂直
vertical-align:100px ;
vertical-align\:middle;
14、去除a标签(下)划线
1)a{
text-decoration:none;
}
2)设置下划线:underline;
3)设置上划线:overline
4)设置贯穿线:line-through
15、行内样式垂直对齐
vertical-align: 10px;
vertical-align: middle;
vertical-align: top;
vertical-align: bottom;
vertical-align: baseline;
到了这里,关于uniapp 设置字体常用属性的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!