表格的对齐包括表格在页面中的对齐和表格数据在单元格中的对齐方式。
1、表格在页面中的对齐
表格在页面中的对齐与其他页面内容样,可以直接在<TABLE>标记符中使用align属性。align属性的取值可以是left、center或right,含义如下:
left:表格在窗口左侧,文字在右侧环绕;
center:表格在窗口中间,文字不环绕;
right:表格在窗口右侧,文字在左侧环绕。
例如,以下语句将使表格在页面中居中对齐:
<TABLE align=“center”>
如果不使用<TABLE>标记的align属性设置表格的页面对齐,则跟在表格后的文本自动显示在表格下的行。如果使用了<TABLE>的align属性设置页面对齐,并且使用的是left或right值,则跟在表格后的文本会位于表格的右边或左边,从而形成文本与表格环绕的效果。
另外,也可以用DIV标记符的align属性设置表格的对齐,方法是将<TABLE>标记包含在<DIV align=left|center|right>和</DIV>之间。注意使用<DIV>属性的align属性设置表格的对齐,与使用<TABLE>属性的align属性设置的左对齐或右对齐,在文本环绕表格方面是不样。
2、单元格内容的水平和垂直对齐
表格单元格内容的对齐包括在水平方向和垂直方向上的对齐,需要在<TR>、<TD>或<TH>标记中使用align和valign属性。
(1)单元格内容的水平对齐。
设置水平对齐的方法是:在标记符<TR>、<TH>、<TD>内使用align属性,其常用的取值可以是:
center:表示单元格内容居中对齐;
left:表示左对齐,此值为默认值;
right:表示右对齐;
justify:表示两端对齐(不满行时分散开占满行)。
(2)单元格内容的垂直对齐。
设置单元格内容在垂直方向的对齐应在<TR>、<TD>或<TH>标记中使用valign属性,valign属性的常用取值包括:
top:顶端对齐,表示单元格内容靠单元格顶部;
bottom:底端对齐,表示单元格内容靠单元格底部;
middle:垂直居中,表示单元格内容在垂直方向上居中,此值为默认值。
与align同性类似,如果是在TR标记符中使用valign属性,则可以控制整行内容的垂直对齐;如果是在TD或TH标记符中使用valign属性,则是控制相应单元相中内容的垂直对齐。