【问题标题】:How to right align text in table cell with <col/>如何用 <col/> 右对齐表格单元格中的文本
【发布时间】:2017-11-07 20:04:56
【问题描述】:

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

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

尝试&lt;colgroup&gt; 也没有运气。有什么想法吗?

附言 最新的 Chrome,FF5

【问题讨论】:

    标签: html css html-table text-alignment


    【解决方案1】:

    显然只有 IE 和 Opera 允许align

    更新,col 应该只有 borderbackgroundwidthvisibility。与css继承有关。 http://ln.hixie.ch/?start=1070385285&count=1(请注意,我只是略读了这篇文章,但看起来不错)。

    【讨论】:

      【解决方案2】:

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

      人们在 Excel 中右对齐文本已有 15 年了,但最新最好的 HTML 5 无法处理它。

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

      【讨论】:

        【解决方案3】:

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

        <col class="something" />
        

        col.something
        {
            text-align: right;
        }
        

        【讨论】:

        • 啊。我正在使用 IE,所以它对我有用。很好奇为什么我投了反对票,但另一个建议 class 属性的人没有。
        • 不幸的是,我在工作中被 IE 困住了。显然,它正在影响我的大脑。
        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 2014-09-20
        • 2015-01-03
        • 1970-01-01
        • 2010-12-14
        • 1970-01-01
        • 2013-12-08
        • 1970-01-01
        相关资源
        最近更新 更多