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;
更多推荐
已为社区贡献5条内容
所有评论(0)