以下内容转自https://www.douban.com/note/325833958/

align和valign属性均是规定表格相对于周围元素的对齐方式,区别就在于:

  1. align属性趋向于左右对齐,其值包含:left、right、center

在 HTML 4.01 中,不赞成使用 body 元素的 align 属性;在 XHTML 1.0 Strict DTD 中,不支持 body
元素的 align 属性。请使用CSS中的float属性代替。

  1. valign属性趋向于垂直对齐,其值包含:top、bottom、middle、baseline

所有浏览器都支持 valign 属性。

基线(baseline)是一条虚构的线。在一行文本中,大多数字母以基线为基准。baseline值设置行中的所有表格数据都分享相同的基线。该值的效果常常与bottom值相同。不过,如果文本的字号各不相同,那么baseline的效果会更好。

align应用实例,以下代码来自https://blog.csdn.net/u010383937/article/details/72514749

<!DOCTYPE <!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>设置表格标题的垂直对齐方式</title>
</head>
<body>
<table width="500" border="1" bordercolor="#0000ff">
    <tr bgcolor="#33ffff">
        <th>姓名</th>
        <th>基本工资</th>
        <th>岗位工资</th>
        <th>绩效工资</th>
        <th>工龄工资</th>
    </tr>
    <tr align="left" bordercolor="#ff0000">
        <td>李</td>
        <td>1000</td>
        <td>600</td>
        <td>800</td>
        <td>400</td>
    </tr>
    <tr align="right">
        <td>王</td>
        <td>800</td>
        <td>600</td>
        <TD>800</TD>
        <td>400</td>
    </tr>
    </table>
 
</body>
</html>
姓名 基本工资 岗位工资 绩效工资 工龄工资
1000 600 800 400
800 600 800 400