4.2　文字对齐

文字对齐也很重要，当对一个段落或层里面的文字作对齐布局时，就会用到align标签。对齐标签不会单独使用，往往与某些标记配合使用，如在＜p＞标记、＜table＞标记都会用到，对齐的语法如下。

align="#"

其中#代码表示方位，可选择的有：left（向左），right（向右），center（居中）。align可以放在＜p＞和以后再学的＜div＞＜/div＞里，表示文字在标记中向哪个方向偏移，可以包括文字与图片，也可以全是文字。代码4.4表示文字向右对齐。

代码4.4　源代码\第4章\文字对齐.html

——————————————-文件名：文字对齐.html———————————————

01 ＜html＞

02 ＜head＞

03 ＜title＞文字对齐＜/title＞

04 ＜/head＞

05 ＜body＞

06 ＜！—下面一行表示段落—＞

07 ＜p align="right"＞HTML+CSS完全自学手册

08 ＜/body＞

09 ＜/html＞

【代码解析】在代码第7行标记对＜p＞中有一行文字，文字在＜p＞＜/p＞中设置为向右偏移，即align=right，效果如图4.4所示。

图　4.4　文字向右偏移

同理，可以在align中设置其他对齐方式，如向左用align=left，居中用align=center，对于位置两侧的引号，可有可无，为了表示真正的意思，最好是用引号包围关键字，其他的属性设置也一样。

有一点比较有意思，居中显示也可以不用设置align为center，可以换个方法来居中，其语法如下。

＜！—下面一行表示居中标记对—＞

＜center＞居中＜/center＞

很明显，在标签里面放入的文字是居中的，现在在图4.4的代码中加入下面的居中代码，表示居中显示文本，在＜/body＞结束标记前加入以下代码。

＜！—下面一行表示对文本设置居中—＞

＜center＞HTML+CSS完全自学手册—-居中＜/center＞

加入的代码在页面体最后面，故显示在代码4.4中的文本后，向右对齐后面的文本用＜center＞＜/center＞修饰，处于居中状态，效果如图4.5所示。

图　4.5　center居中

注意　对本节的内容如果读者还不清楚的话，在下一章的文字与图片对齐中也会讲到，包括垂直对齐。