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、文字的上下行间距

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 为强制不换行

12、超出元素设置滚动条

overflow: auto;

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;
相关推荐
狂炫冰美式8 分钟前
凌晨睡不着,我给台风巴威写了个追踪网站
前端·后端·github
雪隐44 分钟前
用Flutter做背单词APP-01服务器?不存在的,我家里就有
前端·人工智能·后端
用户2204603958681 小时前
ES模块和commonJS两种标准下中实现__dirname?一篇文章教你理清楚
前端
犹豫的大炮2 小时前
jQuery最核心的基础设施之一——数据缓存模块进化史
前端·缓存·jquery
小碗细面2 小时前
从 PRD 到上线:SpecKit 如何让 AI 真正参与前端交付
前端·ai编程·claude
WL学习笔记2 小时前
链式队列(数据结构)
前端·数据结构·jquery
我是大卫2 小时前
React源码解析-第三部分:协调与提交
前端·react.js·源码
都想学2 小时前
我把 12 个在线工具关掉了,换成了一个 Chrome 扩展
前端·chrome
xiaogai_gai2 小时前
钉钉数据集成到金蝶云星空案例分享:传给钉钉后,回传金蝶字段
java·前端·钉钉
步步为营DotNet2 小时前
借助 Semantic Kernel 与 Blazor 构建智能交互式前端应用
前端