table表单中td标签如何实现左对齐、右对齐、居中对齐和两端对齐?新手站长网分享:
td标签左右对齐、居中对齐和两端对齐的方法
table表单中td的对齐方法分为左对齐、右对齐和两端对齐三种方式,可以通过td标签的align属性来设置,也可以通过html的style属性来设置:
方法一:通过td标签的align属性来设置
代码如下:
<table>
<tr>
<th>左对齐</th>
<th>右对齐</th>
<th>居中对齐</th>
<th>两端对齐</th>
</tr>
<tr>
<td align="left">我是左对齐</td>
<td align="right">我是右对齐</td>
<td align="center">我是居中齐</td>
<td align="justify">我是两端对齐</td>
</tr>
</table>
效果如下:

table左右、居中、两端对齐效果图
方法二:通过html的style属性来设置
例如:td左对齐可以使用html的style属性来实现,即:
text-align:left;text-align:right;text-align:center;text-align: justify;代码如下:
<table>
<tr>
<th>左对齐</th>
<th>右对齐</th>
<th>居中对齐</th>
<th>两端对齐</th>
</tr>
<tr>
<td style="text-align:left;">我是左对齐</td>
<td style="text-align:right;">我是右对齐</td>
<td style="text-align:center;">我是居中齐</td>
<td style="text-align:justify;text-justify:distribute-all-lines;text-align-last:justify">我是两端对齐</td>
</tr>
</table>
阿里云官方活动:https://t.aliyun.com/U/FzmsXA
腾讯云官方活动:https://curl.qcloud.com/oRMoSucP
