如何正确对齐表格单元格中的文本

时间:2011-09-13 18:14:20

标签: html css html-table text-alignment

我希望第二列是右对齐的,我不想将样式应用于<td>元素。从我所读到的<col>是要走的路,但它对我不起作用:

<table>
    <col style="width: 20em" />
    <col align="right" style="text-align: right" />
    <col />
    <tbody>
        <tr>
            <td>123</td>
            <td>1</td>
            <td>2</td>
        </tr>
        <tr>
            <td>12345678</td>
            <td>189</td>
            <td>2</td>
        </tr>
    </tbody>
</table>

尝试<colgroup>也没有运气。有什么想法吗?

P.S。 最新的Chrome,FF5

3 个答案:

答案 0 :(得分:5)

显然只有IE和Opera允许align

更新,col应该只有borderbackgroundwidth&amp; visibility。与css继承有关。 http://ln.hixie.ch/?start=1070385285&count=1(注意,我只是略读了这篇文章,但它似乎是一个不错的读物)。

答案 1 :(得分:1)

制定标准的人究竟如何运作?显而易见的事情是在从标准中删除某些东西之前使用新方法。我很失望,这并不容易。

人们已经将excel中的文本对齐了15年,而最新的&amp;最好的HTML 5无法处理它。

这更像是一种咆哮,但答案是让标准委员会的一些人知道他们在做什么。我肯定会得到我的答案,但是必须在StackOverflow上询问这个问题意味着在HTML中对齐文本太难了

答案 2 :(得分:-1)

您可以将一个类应用于col元素,然后根据需要设置样式。

<col class="something" />

col.something
{
    text-align: right;
}