5.3 设置网页文本的对齐方式

网页文本的对齐方式有两种，分别是水平对齐方式和垂直对齐方式。

5.3.1 控制文本的水平对齐方式

text-align属性用于设置文本的对齐方式，它的取值如表5-5所示。

表5-5 text-align的属性值

【例5-11】（实例文件：ch05\Chap5.11.html）控制文本水平对齐方式。

相关的代码实例请参考Chap5.11.html文件，在IE浏览器中运行的结果如图5-11所示。

图5-11 控制文本的水平对齐方式

5.3.2 控制文本的垂直对齐方式

vertical-align属性用于定义垂直对齐方式，该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐，允许指定负长度值和百分比值。这个属性一般设置单元格框中的单元格内容的对齐方式，它的取值如表5-6所示。

表5-6 vertical-align的属性值

【例5-12】（实例文件：ch05\Chap5.12.html）控制文本的垂直对齐方式。

相关的代码实例请参考Chap5.12.html文件，在IE浏览器中运行的结果如图5-12所示。

图5-12 控制文本的垂直对齐方式