有关表格table表单td内容两端对齐text-align:justify方法

最新推荐文章于 2024-06-24 16:24:24 发布

网站助手

最新推荐文章于 2024-06-24 16:24:24 发布

阅读量882

点赞数

文章标签：腾讯云云计算阿里云

本文链接：https://blog.csdn.net/m0_65455195/article/details/122140258

版权

本文介绍了如何实现table表单td标签内的内容两端对齐，指出align属性设置为justify可能效果不佳，推荐使用内联样式实现。同时提及云服务器的选择，提到了阿里云、腾讯云和华为云在国内云计算市场的重要地位，并提供了相关评测文章链接和服务器规格参考。

摘要由CSDN通过智能技术生成

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

td两端对齐的方法

td标签有个align属性，将align设置为justify不怎么好用，建议使用以下方法：
在td中加入以下style样式即可实现两端对齐：

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

示例代码：

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

效果如下：