css td 文字两端对齐

在网页制作中，表格是非常常见的元素。而在表格中，单元格的文字对齐方式也是决定整个表格排版美观程度的一个重要因素。其中， CSS 中的 td 元素中，通常使用的是文字居左或者居中对齐方式。但是，如果想让表格单元格中的文字两端对齐，该怎么办呢？

事实上，CSS 提供了一个属性可以用于实现文字两端对齐的功能，那就是 text-justify 属性。该属性可以设置文字的对齐方式，有如下几个值可选：

text-justify:auto;
text-justify:inter-word;
text-justify:distribute;
text-justify:distribute-all-lines;
text-justify:inter-character;

其中，最常用的是 text-justify:distribute 值，即分散对齐，也是最接近于我们日常所说的“两端对齐”方式。使用该值时，还需要为单元格设置 text-align:justify 才能生效。

td{
    text-align:justify;
    text-justify:distribute;
}

然而，要想在所有浏览器中实现文字两端对齐，可能需要使用一些兼容性处理。比如，对于一些比较老旧的浏览器，就需要使用 -ms-text-justify 和 -moz-text-justify 等浏览器前缀。

td{
    text-align:justify;
    -ms-text-justify:distribute-all-lines;
    -moz-text-justify:distribute-all-lines;
    text-justify:distribute-all-lines;
}

总的来说， text-justify 属性是实现文字两端对齐的一种有效方法。但是，需要注意的是，受限于浏览器兼容性等问题，实现该效果也需要一定的技巧和处理。