实现table表单td内容两端对齐的方法

2019年4月14日 10:30:21HTML&CSS已关闭评论1,35832019年4月14日

腾讯云2核2G3M服务器88元/年、2核4G5M带宽166元一年，可买3年，4核8G12M带宽、8核16G、16核32G...
阿里云99元服务器，新老用户均可买，99元/年续费到2027年，396元4年，多配置特价...

如何实现table表单td标签中的内容两端对齐？td的align属性设置为justify不好用，新手站长网分享td文字两端对齐的方法：

td两端对齐的方法

td标签有个align属性，将align设置为justify不怎么好用，建议使用以下方法：
在td中加入以下style样式即可实现两端对齐：文章源自新手站长-https://xinshouzhanzhang.com/td-justify.html

<style>
     td{
        border:1px solid red;
        text-align:center;
        text-align:justify;
        text-justify:distribute-all-lines;
        text-align-last:justify
     }
</style>

示例代码：文章源自新手站长-https://xinshouzhanzhang.com/td-justify.html

<table border="1">
  <tr>
    <th>两端对齐</th>
  </tr>
  <tr>
    <td style="text-align:justify;text-justify:distribute-all-lines;text-align-last:justify" >我是两端对齐</td>
  </tr>
</table>

效果如下：