Web前端基础CSS初识学习笔记（8）行高对齐和首行缩进间距

原创于 2020-07-10 15:43:57 发布 · 788 阅读

6 ·

CC 4.0 BY-SA版权

CSS 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了CSS中关于行高(line-height)、文本对齐(text-align)、首行缩进(text-indent)以及字符和单词间距(letter-spacing和word-spacing)的基础知识。详细讨论了这些属性的用法，例如line-height用于设置行间距，text-indent用于首行缩进，letter-spacing和word-spacing分别控制字符和英文单词间的距离。同时提醒，letter-spacing不适用于英文单词间距，word-spacing对中文无效，并建议使用em单位来设定这些属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

line-height:行间距

在这里插入图片描述

text-align

在这里插入图片描述

text-intent

用于设置首行文本的缩进，
其属性值可为不同单位的数值，
em字符宽度的倍数，
或相对于浏览器窗口宽度的百分比%，
允许使用负值，建议使用em 作为设置单位。

letter-spacing

用于定义汉字间距，所谓字间距就是字符与字符之间的空白，其属性可为不同单位的数值，允许使用负值，默认为normal 。
注意，不可用于英文单词间距

word-spacing

用于定义英文单词之间的间距，对中文字符无效，和letter - spacing 一样，其属性值可为不同单位的数值，允许使用负值，默认为 normal 。

示例

<style>
		p {
			line-height: 26px;  /* 行间距 */
			text-indent: 2em;  /* 此时2em 就是2个汉字的宽度 */
		}
		h3 {
			text-align: center;  /* 文字水平对齐 */
		}
		</style>