16、CSS 文本格式化基础全面解析-优快云博客

本文链接：https://blog.youkuaiyun.com/redis7keeper/article/details/155158025

CSS 文本格式化基础全面解析

1. 文本格式化概述

在网页设计中，文本格式化是至关重要的一环。由于网页最初以文本为基础，且如今致力于让网页文档更接近印刷品，因此有众多样式可用于控制文本格式化。CSS 在处理印刷文字方面具有显著优势，涵盖了从简单的文本对齐到自动生成文本等多个方面。

2. 文本对齐

CSS 中有多个属性可用于控制文本的格式化，其中一些属性能够实现文本的水平和垂直对齐，使其与周围的其他文本或元素相匹配。

2.1 控制水平对齐

使用 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="marg