在HTML中，对齐单元格是表格设计中非常重要的一个环节，合理的单元格对齐方式可以让表格内容看起来更加整洁、美观，本文将详细介绍如何在HTML中对齐单元格，帮助大家轻松掌握这一技巧。
HTML表格主要由以下几个元素组成：<table>,<tr>,<th>,<td>。<tr> 表示表格的行，<th> 表示表头单元格，<td> 表示普通单元格，要对齐单元格，我们主要使用的是align 和valign 属性。
水平对齐
水平对齐主要使用align 属性，它有三个可选值：left、center和right。
1、左对齐：将align 属性设置为left，即可使单元格内容左对齐。
示例代码：
<table border="1">
<tr>
<th align="left">姓名</th>
<td align="left">张三</td>
</tr>
<tr>
<th align="left">年龄</th>
<td align="left">25</td>
</tr>
</table>2、居中对齐：将align 属性设置为center，即可使单元格内容居中对齐。
示例代码：
<table border="1">
<tr>
<th align="center">姓名</th>
<td align="center">张三</td>
</tr>
<tr>
<th align="center">年龄</th>
<td align="center">25</td>
</tr>
</table>3、右对齐：将align 属性设置为right，即可使单元格内容右对齐。
示例代码：
<table border="1">
<tr>
<th align="right">姓名</th>
<td align="right">张三</td>
</tr>
<tr>
<th align="right">年龄</th>
<td align="right">25</td>
</tr>
</table>垂直对齐
垂直对齐主要使用valign 属性，它也有四个可选值：top、middle、bottom 和baseline。
1、顶部对齐：将valign 属性设置为top，即可使单元格内容与顶部对齐。
示例代码：
<table border="1">
<tr>
<td valign="top">张三</td>
<td valign="top">25</td>
</tr>
</table>2、居中对齐：将valign 属性设置为middle，即可使单元格内容垂直居中。
示例代码：
<table border="1">
<tr>
<td valign="middle">张三</td>
<td valign="middle">25</td>
</tr>
</table>3、底部对齐：将valign 属性设置为bottom，即可使单元格内容与底部对齐。
示例代码：
<table border="1">
<tr>
<td valign="bottom">张三</td>
<td valign="bottom">25</td>
</tr>
</table>4、基线对齐：将valign 属性设置为baseline，即可使单元格内容与基线对齐。
示例代码：
<table border="1">
<tr>
<td valign="baseline">张三</td>
<td valign="baseline">25</td>
</tr>
</table>同时使用水平和垂直对齐
在实际应用中，我们常常需要同时使用水平和垂直对齐，只需在单元格元素中同时设置align 和valign 属性即可。
示例代码：
<table border="1">
<tr>
<th align="center" valign="middle">姓名</th>
<td align="center" valign="middle">张三</td>
</tr>
<tr>
<th align="center" valign="middle">年龄</th>
<td align="center" valign="middle">25</td>
</tr>
</table>通过以上介绍，相信大家已经掌握了HTML中对齐单元格的方法，在实际应用中，根据需要选择合适的对齐方式，可以让表格看起来更加美观、专业，需要注意的是，HTML5已经不推荐使用align 和valign 属性，建议使用CSS来实现单元格的对齐，但了解这些属性对于学习HTML和兼容旧版本浏览器仍有重要意义。
