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;
相关推荐
the_flash几秒前
手写VueUse的onClickOutside函数
前端
小鱼冻干2 分钟前
node.js 文件流-可读取流
前端·node.js
飘尘2 分钟前
面试官:如何实现大量任务执行的调度?
前端·javascript·面试
印第安老斑鸠啊4 分钟前
微前端框架MicroApp本地开发改造篇--vite适配
前端
osspeace5 分钟前
使用husky+commitizen+semantic-release实现项目的全自动版本管理和发布
前端·javascript
Epicurus7 分钟前
使用transform: translate时出现闪烁现象如何解决
前端·css
前端卧龙人7 分钟前
别再重复造轮子,VueUse让前端开发更简单、更高效
前端
前端卧龙人8 分钟前
前端埋点与监控的核心要点
前端
前端大雄8 分钟前
前端面试之各大厂真题算法解析
前端·javascript·面试
银之夏雪丶9 分钟前
Vue 3 vs Vue 2:深入解析从性能优化到源码层面的进化
前端·vue.js