文本对齐与行高
良好的文本排版有助于提升网页的可读性。CSS 提供的 text-align 和 line-height 属性可以分别控制文字的水平对齐方式和行间距。
1. 文本对齐（text-align）
设置块级元素中的文字对齐方式：
p {
text-align: center;
}
常见取值：
left：左对齐（默认）right：右对齐center：居中对齐justify：两端对齐（常用于段落）
2. 行高（line-height）
行高用于设置文字行与行之间的垂直间距：
p {
line-height: 1.6;
}
- 可以使用单位（如
24px、1.5em）； - 也可以使用无单位值（如
1.6，推荐用于继承性更好的布局）。
示例：居中文本 + 合理行高
源码
<style>
.text-demo {
text-align: center;
line-height: 2;
}
</style>
<div class="text-demo">
<p>欢迎学习 CSS！</p>
<p>文本对齐和行高设置是排版的基础。</p>
</div>
效果演示：
源码
<style>
.demo-text {
text-align: justify;
line-height: 1.8;
}
</style>
<div class="demo-text">
<p>打开浏览器</p>
<p>输入网址</p>
<p>访问网页</p>
</div>
合适的对齐方式和行高能有效提升阅读体验，是网页文字排版中的重要技巧。
相关内容
- 什么是 CSS？ CSS（层叠样式表）是一种用来描述网页外观样式的语言。它定义了如何为HTML元素设置颜色、字体、布局等视觉效果，使网页更加美观和易于阅读。
- CSS 的作用与工作原理 介绍CSS的主要作用及其工作原理，帮助理解如何通过样式表控制网页元素的外观和布局，实现内容与表现的分离。
- CSS 的引入方式 介绍CSS的三种主要引入方式：内联样式、内部样式表和外部样式表，帮助开发者选择合适的方法应用样式。
- 基本语法结构 介绍CSS的基本语法结构，包括选择器、属性和属性值的组成方式，帮助理解如何编写有效的样式规则。
- 注释的使用方式 介绍CSS中注释的写法和作用，帮助开发者在样式代码中添加说明，提高代码可读性和维护性。
- 基本选择器 介绍CSS中最基础的三种选择器：元素选择器、类选择器和ID选择器，是学习CSS样式编写的基础。