table表单td左右对齐、居中对齐和两端对齐的设置方法

table表单中td标签如何实现左对齐、右对齐、居中对齐和两端对齐？新手站长网分享：文章源自新手站长网-https://www.xinshouzhanzhang.com/td-align.html

td标签左右对齐、居中对齐和两端对齐的方法

table表单中td的对齐方法分为左对齐、右对齐和两端对齐三种方式，可以通过td标签的align属性来设置，也可以通过html的style属性来设置：文章源自新手站长网-https://www.xinshouzhanzhang.com/td-align.html

方法一：通过td标签的align属性来设置

代码如下：文章源自新手站长网-https://www.xinshouzhanzhang.com/td-align.html

<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属性来实现，即：文章源自新手站长网-https://www.xinshouzhanzhang.com/td-align.html

代码如下：文章源自新手站长网-https://www.xinshouzhanzhang.com/td-align.html

<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>