行高，词间距、字间距

原创于 2021-10-27 11:58:01 发布 · 377 阅读

CC 4.0 BY-SA版权

文章标签：

3 篇文章

订阅专栏

2 篇文章

订阅专栏

本文探讨了前端开发中关键的文本样式调整，包括如何使用word-spacing设置单词间间距，letter-spacing调整字母间距，以及line-height控制行高。掌握这些基础知识有助于提升页面布局美观度。

// 词间距 定义单词间的距离
word-spacing: 20px;

normal：标准空间，默认值。length：固定空间(长度值)。inherit：规定应该从父元素继承 word-spacing 属性的值。

// 字间距 定义字（字母）的标准空间、只对文字起作用 对于图片失效
letter-spacing: 20px;

normal：，默认值。length：固定空间(长度值

// 行高
line-height: 20px;