15、CSS文本格式化：基础与应用

sql99

于 2025-11-03 15:17:44 发布

阅读量6

点赞数

CC 4.0 BY-SA版权

分类专栏： HTML与CSS设计之道文章标签： CSS 文本格式化文本对齐

本文链接：https://blog.youkuaiyun.com/sql99/article/details/155158250

HTML与CSS设计之道专栏收录该内容

35 篇文章 ¥499.90

订阅专栏¥69.90

会员秒杀 ¥9.9 重磅福利

超级会员免费看

CSS文本格式化：基础与应用

一、引言

在网页制作中，文本格式化是至关重要的一环。由于网页最初是基于文本的，且如今人们希望网页文档更像印刷品，因此有许多样式可以控制文本格式化。CSS在处理文本方面有着强大的能力，下面将详细介绍文本格式化的各个方面。

二、文本对齐

2.1 水平对齐

CSS中的 text-align 属性可以让你以四种基本方式对齐文本块：左对齐、右对齐、居中对齐和两端对齐。以下是示例代码：

<!DOCTYPE HTML PUBLIC "-////W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Text Justification</title>
<style type="text/css">
p.left { text-align: left; }
p.right { text-align: right; }
p.center { text-align: center; }
p.full { text-align: justify; }
</style>
</head>
<body>
<div style="margin: 50px">
<h3>Left Justified (default)</h3>
<p class="left">Lorem ipsum

会员秒杀 ¥9.9 重磅福利

超级会员免费看